Course
Skills
Mobile First Responsive Web Design
This course is an introduction to concepts behind mobile-first responsive web design.
What you'll learn
Responsive web design is a recent strategy for building web sites that can respond and adapt to multiple devices and their respective resolutions. Mobile first is the concept of creating the design for your mobile web site first, and then building out that design for larger resolutions. This course covers the concepts that developers need to know to be able to work in this new way of designing web sites.
Table of contents
Introduction
28mins
Mobile First Responsive Web Design - Layout in a Responsive World
42mins
- Introduction 1m
- Know What You are Building 4m
- Brainstorm 1m
- What I'm Building 1m
- Mobile Layout Design 4m
- My Mobile Design 2m
- Design Desktop Concurrently 4m
- Viewport 4m
- Prototype, Iterate 1m
- Use Percentages Not Pixels 3m
- Demo: Prototype 12m
- Ems or Rems 2m
- Flexbox 1m
- Always Remember the Cascade 1m
- Summary 1m
Applying mobile-first responsive web design features
52mins
Mobile first forms
18mins
Performance
30mins
Responsive design tools
6mins