Mastering Responsive Web Design: Push your HTML and CSS skills to the limit and build professional grade, responsive websites

Zea

NZ$57.99 ~~NZ$64.99~~

3.9 (10 Ratings)

eBook Aug 2015 334 pages 1st Edition

eBook

NZ$57.99 ~~NZ$64.99~~

Zea

NZ$57.99 ~~NZ$64.99~~

3.9 (10 Ratings)

eBook Aug 2015 334 pages 1st Edition

eBook

NZ$57.99 ~~NZ$64.99~~

NZ$57.99 ~~NZ$64.99~~

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

View table of contents

Preview Book

Key benefits

• Take your RWD skills to the next level with HTML5 and CSS3 best practices that will give you a solid foundation to build out from
• Harness the power of the CSS pre-processor Sass to speed up the creation of your CSS
• Each chapter dives deep in to different aspects of RWD and is designed to get you up to speed with the latest developments in professional web design

Description

Building powerful and accessible websites and apps using HTML5 and CSS3 is a must if we want to create memorable experiences for our users. In the ever-changing world of web design and development, being proficient in responsive web design is no longer an option: it is mandatory. Each chapter will take you one step closer to becoming an expert in RWD. Right from the start your skills will be pushed as we introduce you to the power of Sass, the CSS preprocessor, to increase the speed of writing repetitive CSS tasks. We’ll then use simple but meaningful HTML examples, and add ARIA roles to increase accessibility. We’ll also cover when desktop-first or mobile-first approaches are ideal, and strategies to implement a mobile-first approach in your HTML builds. After this we will learn how to use an easily scalable CSS grid or, if you prefer, how to use Flexbox instead. We also cover how to implement images and video in both responsive and responsible ways. Finally, we build a solid and elegant typographic scale, and make sure your messages and communications display correctly with responsive emails.

Who is this book for?

If you’re already building responsive designs and are looking to level up your skills, then Mastering Responsive Web Design is the book for you. Regardless of whether you’re a web designer, or web developer, you’ll find something here to help you in your responsive design journey.

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 a desktop-first approach, but implement with mobile-first methodology
• Master your layouts by creating your own scalable CSS grid, or using Flexbox for total layout ‘flexibility'
• Retrofit your old web sites with your new responsive design skills
• Deal with legacy browsers, and learn how to keep your designs consistent
• Implement widely used responsive patterns, such as the “drawer navigation”, the “off-canvas” and the “flexbox-based” navigation patterns
• Find the best way to serve the right type of image and how to make videos responsive
• Build custom responsive emails to ensure the message gets across regardless of the device

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Frequently bought together

NZ$80.99

Responsive Web Design with HTML5 and CSS3, Second Edition

NZ$80.99

Total NZ$ 242.97

Filter reviews by

All

Amazon verified reviews

Shirin semsar Oct 12, 2017

it's very good book for peopel who want to learn responsive design

Amazon Verified review

Alex Sears Oct 31, 2015

This book is a great resource for people new to front-end development or seasoned veterans. He starts out slow and gives you a primer on Sass and RWD and then gets right into the meat of it. You build a couple different designs from scratch. So you really get to be a part of the whole process. Every little bit is explained. So you aren't left wondering. He also mentions alot of things that can be explored more outside of the book to really up your game, such as preprocessors.One of the things this book brings to the table that others don't is the in-depth explanations of each of the HTML5 elements and their semantic uses. The sections on WAI-ARIA roles for accessibility are something you don't see often either. He ends the book by walking you through how to quickly make a nice email template from scratch. This is huge! Emails are the biggest pain to make, and Ricardo makes it seem so easy.Highly recommend this to anyone wanting to truly learn RWD.

Hugo Oct 13, 2015

This book makes me jump from a totally beginner with zero knowledge about the topic, to a developer with sufficient knowledge to start every project my boss ask me, with a deep approach we can have a really useful tools kit to make responsible web as we would like to make, it covers all I need to make desktop and mobile responsible designs, but I have to say that most of this content was new for me, but this book gives all I need to start working, I easily could understand all the book content, is really easy to understand, I liked the fact that now I can do my responsive sites, like the author said, I feel like I have superpowers too.

Amazon Customer Nov 12, 2015

A+ book for both beginners and advance level web designer

Carles Oct 14, 2015

This book takes responsive web design to a new level, a true professional level far away from myths and speculations. It is a complete walk through all steps you need in order to achieve true responsive design using best techniques available today. From using SASS to develop powerful CSS styles to adopting grid or flex frameworks to lay out all elements and get a pretty looking design no matter which device is used to watch the site. There are plenty of examples and code along the book that you can copy paste and test or use in your own work. The chapter I found most useful is the one about images and video, that gives you smart tricks to deal with heavy media files and reduce their size without compromising the overall quality. Some basic web developing knowledge is advised to get the most out of this book.

Mastering Responsive Web Design: Push your HTML and CSS skills to the limit and build professional grade, responsive websites

What do you get with eBook?