why responsive
Sites on Mobile
Quiz - Share Your Great & Awful Sites
Intro to Project
Pan, Zoom, Touch, Ick
Emulators, Simulators and Real Devices
Setting up Chrome's Dev Tools
IMPORTANT! Udacity Front End Feedback Extension
Quiz - Device Emulation
Remote Debugging Intro
Setup for mobile
Using dev tools on mobile
Mobile tools for iOS
Lesson 1 Summary
starting small
Defining the Viewport
Pixels, pixels and moar pixels!
meta viewport
font boosting
Quiz - Pixelation
Quiz - Calculating DPR
Quiz - What's the difference
Quiz - Calculating CSS Pixels
Quiz - How wide is the viewport
Setting the Viewport
Quiz - Setting the Viewport
Large Fixed Width Elements
Max-width on elements
Quiz - Relative Sizes
Tap Target Sizes
Quiz - Tap Targets
Start Small
Quiz - Project Part 1
Project Solution - Long
Lesson 2 Summary
building up
Lesson 3 Intro
Basic Media Query Intro
Adding a Basic Media Query
Adding a basic media query 2
Next Step Media Queries
Which styles are applied
Breakpoints
Breakpoints Pt. II
Number of Breakpoints
Picking Breakpoints
Picking Breakpoints 2
Pick a Breakpoint
Complex Media Queries
What Styles Are Applied
Grids
Flexbox Intro
Flexbox Container
Flex Item
Deconstructing a Flexbox Layout
Lesson 3 Summary
common responsive patterns
Intro to Patterns
Pattern - Column Drop
Pattern - Mostly Fluid
Mostly Fluid Part 1
Mostly Fluid Part 2
Combining Fluid Layouts
Pattern - Layout Shifter
Which is Which
Pattern - Off Canvas
Off Canvas Visualization
Project Update Part 2
Lesson 4 Summary
optimizations
Lesson 5 Intro
Images
Responsive Tables Intro
Responsive Tables - Hidden Columns
Hide Some Columns
Responsive Tables - No More Tables
Responsive Tables - Contained Scrolling
Fonts
Minor Breakpoints
Final Project Updates
Wrap Up