Название: 3 Web Designs In 3 Weeks: Convert designs to websitesАвтор: Juntao Qiu
Издательство: Leanpub
Год: 2022-09-25
Страниц: 122
Язык: английский
Формат: pdf (true)
Размер: 34.2 MB
This book is all about converting beautiful designs into real-world websites. It includes three implementations of three different designs, and I'll walk you through all the details you need in pure HTML and CSS.
From modern web development workflow and tools to CSS layouts and semantic HTML, from responsive design to design principles, it has every technique you may need for a design-to-page conversion.
The book is divided into three main chapters. In fact, it is a process of implementing different styles of design, three projects in three weeks time.
The first chapter is about a typical landing page. It includes a navigation bar, a hero banner and a news list. Here we go through some environment setup, including the configuration of the tools and explanation of the basics. By the end of the first chapter, you will have learned how to deconstruct a design, write the corresponding HTML, and implement common layouts through flex layouts. Also you will be able to publish your website to the public and allow your friends or colleagues to access it.
Chapter two is a conceptual design for Instagram. It includes a vertical navigation bar, card design and more complex typography and layout. We will explore more about flex layout and grid layout. In addition, we will learn about the use of font icons and the priority of selectors in CSS.
Chapter three is a page with a responsive design. We will complete the interface on the small screen with a mobile-first strategy first, and then overrides styles to adapting to desktop version through media queries. In the process, we’ll learn how to simplify HTML writing using Emmet, use CSS variables to eliminate duplicate code and much more. At the end of the project, we will also learn some foundamental design principles so that you can be more confident about how to implement a page on your own without a mockup.
Скачать 3 Web Designs In 3 Weeks : Convert designs to websites