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
Learn how to think beyond the desktop and craft beautiful designs that anticipate and respond to your users' needs.
This book will lead you, step by step and with illustrative screenshots, through a real example.
1Ethan Marcotte, A List Apart. http://alistapart.com/article/responsive-web-design 2Natasha Lomas, Tech Crunch. http://techcrunch.com/2014/02/13/smartphones-outsell-dumb-phones-globally/ 35 Percentage of traffic from mobile devices 30 ...
white-space. The biggest issue with using inline-block as a layout mechanism is that it renders a space between HTML elements. This is not a bug (although most developers would welcome a sane way to remove the space), ...
In addition, I can recommend these resources: The book HTML5 Canvas, Second Edition, by Steve Fulton and Jeff Fulton (O'Reilly). If video is more your speed, try this tutorial by David Geary: HTML5 Canvas for Developers ...
I was this close to titling it Responsive Web Design in Adobe Photoshop. You just checked the cover to see what the difference is, didn't you? But the distinction may not be clear or significant to you at the moment.
These eBooks are the long-awaited digital version of our bestselling printed book about best practices in modern Web design.
Readers discover the latest, industry-leading website development practices with this new book in the popular Shelly Cashman Series.
The Responsive Web builds on the best practices that have shaken out over a few years of production experience. This concise book skips pure theory and shows you exactly how to make responsive web design work for you in the real world.
This new edition of Adaptive Web Design frames even more of the web design process in the lens of progressive enhancement.