Learning Responsive Web Design

Deliver an optimal user experience to all devicesincluding tablets, smartphones, feature phones, laptops, and large screensby 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 websitesnot just developersthis 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 designLearn why your default design should be for the narrowest screensExplore the HTML elements and CSS properties essential for responsive web designUse media queries to display different CSS styles based on a devices viewport widthHandle elements such as images, typography, and navigationUse performance optimization techniques to make your site lighter and faster

Deliver an optimal user experience to all devicesincluding tablets, smartphones, feature phones, laptops, and large screensby 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 websitesnot just developersthis 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 designLearn why your default design should be for the narrowest screensExplore the HTML elements and CSS properties essential for responsive web designUse media queries to display different CSS styles based on a devices viewport widthHandle elements such as images, typography, and navigationUse performance optimization techniques to make your site lighter and faster