Learning Responsive Web Design: A Beginner's Guide

by Clarissa Peterson

Deliver an optimal user experience to all devices—including tablets, smartphones, feature phones, laptops, and large screens—by learning the basics of responsive web design. In this hands-on guide, UX designer Clarissa Peterson explains how responsive web design works, and takes you through a responsive workflow from project kickoff to site launch.

Ideal for anyone involved in the process of creating websites—not just developers—this book teaches you fundamental strategies and techniques for using HTML and CSS to design websites that not only adapt to any screen size, but also use progressive enhancement to provide a better user experience based on device capabilities such as touchscreens and retina displays.

* Start with content strategy before creating a visual design
* Learn why your default design should be for the narrowest screens
* Explore the HTML elements and CSS properties essential for responsive web design
* Use media queries to display different CSS styles based on a device’s viewport width
* Handle elements such as images, typography, and navigation
* Use performance optimization techniques to make your site lighter and faster

Genres: Website Design, Nonfiction, Design, Programming, Web

416 pages, Paperback

First published January 1, 2014

About the author

Clarissa Peterson is a digital technology strategist and educator. With more than 20 years experience working on websites and software, she is able to blend an innate ability to see how things could work better with the solid technical background needed to turn ideas into reality. Clarissa is the author of Learning Responsive Web Design: A Beginner's Guide (O'Reilly Media) as well as an instructor for LinkedIn Learning. She is based in Chicago.

Reviews

[Jaci · Rating 5 out of 5]

This book has taught me more about Web Design than my professor has this semester. 10/10 would refer back to as a resource

[Annukka · Rating 5 out of 5]

I have read many articles and tutorials about RWD, but this is the best introduction to the subject so far. It gives you a good solid starting point to build your own responsive site plus resources you can look at to dig deeper.

[Antonio · Rating 4 out of 5]

Deliver an optimal user experience to all devices—including tablets, smartphones, feature phones, laptops, and large screens—by learning the basics of responsive web design. In this hands-on guide, UX designer Clarissa Peterson explains how responsive web design works, and takes you through a responsive workflow from project kickoff to site launch.

Ideal for anyone involved in the process of creating websites—not just developers—this book teaches you fundamental strategies and techniques for using HTML and CSS to design websites that not only adapt to any screen size, but also use progressive enhancement to provide a better user experience based on device capabilities such as touchscreens and retina displays.

Start with content strategy before creating a visual design Learn why your default design should be for the narrowest screens Explore the HTML elements and CSS properties essential for responsive web design Use media queries to display different CSS styles based on a device’s viewport width Handle elements such as images, typography, and navigation Use performance optimization techniques to make your site lighter and faster

[S · Rating 5 out of 5]

This was a really great introduction to Responsive Web Design. It does require a basic knowledge of HTML & CSS. The information presented was well-written, had great examples, and provided tons of extra resources in case you wanted to read more about a subject.

She delved into:
- different platforms
- accessibility
- media queries
- designing guidelines
- coding standards
and more.

I learned so much from this book and plan on implementing responsive design in my next project. I've also researched more about CSS Specificity and Accessibility since she brought up some really great points in her book about these subjects. I consider this book a great addition to my library and plan on sharing it with others who are interested in the subject.

[Georg · Rating 5 out of 5]

Easy to read and understand, with a lot of illustrations and useful examples, and full of references to articles, books and websites where you can explore the topics that Peterson introduces. Peterson not only explains what responsive web design is, but also how you should proceed building a website responsively. In her last chapter Peterson sketches how you can make a website faster, as this is not less important than it was twenty years ago before smartphones etc. If you are new to web design, you should read this from cover to cover. If you are a seasoned one, well, then it might be all the more important that you do so.

[PD Storage · Rating 5 out of 5]

شركة تصميم مواقع
شركة تصميم مواقع الكترونية
تصميم مواقع الكترونية
شركة تصميم مواقع ويب

[Dale Moore · Rating 5 out of 5]

Great overview of the topic of responsive web design. Most of it I already knew just from experimentation, viewing video tutorials, etc., but it was good to have that knowledge recognized as accurate.

[Delhi Irc]

DL027824 ND6