Mobile-First Responsive Design
Many websites we see in the mobile browser look beautiful but struggle to perform. This slowness comes from optimizing designs for the desktop, then extending them to mobile.
So if this is your traditional process, take heart: it’s about to change for the better!
Start practicing mobile-first responsive web design by reordering your CSS, assets, and images. And learn how from Jason Grigsby, co-author of Head First Mobile Web. He’ll show you how to handle retina-display images and which tools to use for mastering mobile first.
Jump into responsive design for mobile
You'll dispel your fears of what it means to do mobile first.
- Learn why adapting designs from the desktop doesn’t work well
- Integrate mobile-first thinking into your design process
Clean out your closet
You'll get rid of the junk your mobile CSS doesn’t need.
- Reorder and restructure your stylesheets to prioritize mobile
- See how sizing for the desktop (or larger) affects mobile viewing
Make designs load faster on mobile devices
You'll learn how to optimize designs to be lightning fast.
- Prevent multiple downloads of CSS images
- Load JavaScript features conditionally based on screens
Optimize your images for mobile viewing
Your designs will become peak performers on mobile.
- Master image tags for responsive images
- Handle retina images for multiple sizes of retina displays
If you’re curious about what it takes to do mobile-first responsive web design, then seize the day! Your mobile users will thank you.