Responsive Web Design in 24 Hours, Sams Teach Yourself

by Jennifer Kyrnin

Learn responsive web design (RWD) with HTML5, CSS3 & JavaScript in just 24 one-hour lessonsSams Teach Yourself Responsive Web Design in 24 Hours helps you create websites that work equally well on everything from smartphones and tablets to multi-screen monitors. This book's straightforward, step-by-step approach shows how to use HTML, CSS, and JavaScript to build the responsive sites today's users and clients want. In just a few hours, you'll be building layouts, sites, forms, and web apps that automatically adapt to virtually any device. Every lesson builds on what you've already learned, giving you a rock-solid foundation for real-world success.Learn how to...Create effective and reliable responsive designs with CSS3, HTML5, and JavaScript Use progressive enhancement to consistently provide the right content while making the most of each device and browser Establish breakpoints and write CSS media queries to respond appropriately to each user agent Choose the right layout and wireframing approach for your site Use web fonts to control typography and choose sizes that look good on any device Master three ways to make tables responsive Build responsive forms using the latest HTML5 tags and attributes Implement responsive navigation patterns that users understand intuitively Test for responsiveness and performance Use Responsive Design + Server Side Components (RESS) to optimize performance CONTENTS AT A GLANCEPART INTRODUCTION TO RESPONSIVE WEB DESIGNH OUR 1: What Is Responsive Web Design?- History of Responsive Web Design - Why We Need Responsive Web DesignHOUR 2 Alternatives to Responsive Web Design- Table-Based Layouts- CSS Layouts- Detection Scripts HOUR 3: The Growth of Mobile- Basic Cell Phones - Smartphones - Tablets - Retina Devices- Why Responsive Design Is ImportantHOUR 4 Progressive Enhancement- What Is Progressive Enhancement? - How to Use Progressive Enhancement on a - Website - Benefits of Progressive Enhancement HOUR 5 HTML for Responsive Web Design- Using HTML5- Clean Code - Don't Forget Semantic Elements - Validating Your HTML HOUR 6: Basic CSS - How to Write C

384 pages, Kindle Edition

First published October 10, 2014

About the author

Jennifer weaves code by day and stories by night. When she's not crafting digital experiences or penning tales like her latest novel Digital Dryad, she can be found surrounded by the menagerie of animals on her small farm outside Seattle.

Her first novel, Digital Dryad, came out in 2025. Her short fiction has appeared in Meniscus Journal and the DreamPunk Press Anthology Blame It On the Pumpkin, while her expertise in web design and development has led to seven technical books and various video courses. A lifelong lover of fantasy and science fiction, Jennifer writes daily in her writing shed, a fresh, black coffee close at hand in her purple Yeti.

Reviews

[Ronisha · Rating 4 out of 5]

Provides an excellent overview of responsive web design with examples. At this point however, the books contains a few outdated concepts. I'd love to see an updated version.