Tags
Language
Tags
March 2024
Su Mo Tu We Th Fr Sa
25 26 27 28 29 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 1 2 3 4 5 6

Mastering Responsive Web Design with HTML5 and CSS3

Posted By: AlenMiler
Mastering Responsive Web Design with HTML5 and CSS3

Mastering Responsive Web Design with HTML5 and CSS3 by Ricardo Zea
English | 24 Aug. 2015 | ISBN: 1783550236 | 334 Pages | EPUB/MOBI/PDF (True) | 19.25 MB
With: Code Files

If you already know some HTML and CSS and understand the principles of responsive web design, this book is for you. There's something here for you to learn regardless of if you're a web designer or web developer, or whether you're a seasoned expert web professional.

Become a master in RWD with this practical, engaging guide

About This Book

Build responsive designs with solid yet simple HTML5 and CSS3 best practices
Use CSS preprocessors (Sass) to speed up the creation of CSS
Each chapter covers a different feature of RWD with carefully chosen, interesting examples, including the latest developments in responsive design

What You Will Learn

Install and use Sass with SCSS syntax to create your CSS
Use HTML5 tags the right way for the right type of content
Enhance the experience of users with assistive technology with ARIA roles
Design with desktop-first approach but implement with mobile-first methodology
For your layouts, either create and use your own scalable CSS grid, or use Flexbox
Create three types of navigation for small screen devices
Find the best way to serve the best type of image and how to make videos responsive
Build custom responsive emails to ensure the message gets across regardless of the device

In Detail

Responsive web design is getting more complex day by day and without the necessary design and development skill sets, it's a matter of time before we're left behind.

Building meaningful and accessible websites and apps using HTML5 and CSS3 is a must if we want to create memorable experiences for the users. In the ever-changing world of web designers and developers, being proficient in responsive web design is no longer an option, it is mandatory.

Whether you're a web designer or web developer, or a seasoned expert web professional, this book will bolster your HTML and CSS skills to a master level.

The book is designed in a way that each chapter will take you one step closer to becoming an expert in RWD. The book begins with introducing you to the power of CSS preprocessors, Sass in this case, to increase the speed of writing repetitive CSS tasks, then use simple but meaningful HTML examples; and add ARIA roles to increase accessibility. You will also understand why a mobile-first approach is ideal.

Next, you will learn how to use an easily scalable CSS grid or if you prefer, use Flexbox instead. Create navigations for small screen devices using the “drawer navigation,” “off-canvas” or “toggle” navigation patterns, and also implement images and media in both responsive and responsible ways. Finally, you will build a solid and meaningful typographic scale and make sure your messages and communications display correctly with responsive emails.

Style and approach

Designing and developing for the web should be fun, and that's the tone used in the book. This book is written in a step-by-step format with clean-cut examples. You will also find tips and notes all over the book to help clarify those small and simple details most books and tutorials assume you already know.