Week: 4
Lessons
- Lesson 7: Responsive Web development
- Lesson 8: Responsive Web development lab 🧪
Useful resources
- CSS Tricks: Font Size Idea: px at the Root, rem for Components, em for Text Elements
- REM vs EM - The Great Debate
- Treehouse: Beginners guide to responsive web design
- Smashing Magazine: Fixed vs Fluid layout (old article)
- A list apart: Responsive Web Design
- A list apart: How to size text in CSS
- W3C: Media queries
- Smashing Magazine: Responsive tools and techniques
- Blast: 3 Reasons You Shouldn't Build a Mobile Website
- Mobile friendly images
- CSS Tricks: Retina Media Query
- CSS Tricks: Responsive Meta Tag
- Read through Shay Howe's Responsive Web Design
- Watch Part 1 Mobile Design Essentials
- Watch Part 2 Mobile Design Essentials