DokuWiki

This is an old revision of the document!

---

1. Getting Up and Running
   1. Course Introduction
   2. Why Responsive Images
   3. Intro to Project
   4. Setting up Your Environment
   5. Setup for mobile
   6. Using dev tools on mobile
   7. Mobile tools for iOS
   8. Lesson 1 Wrap Up
2. Sizing Intro
   1. All about Bits and Pixels
   2. Requests and Revenue
   3. Relative Sizing
   4. IMPORTANT! Udacity Front End Feedback Extension
   5. calc()
   6. Landscape and Portrait
   7. Less Well Known CSS Units
   8. Raster and Vector
   9. Raster or Vector Banner
   10. Raster and Vector Identification
   11. File formats
   12. Spot the Differences
   13. Compression, Optimization and Automation
   14. Image Optimization Environment
   15. Spot the Differences 2
   16. Image Compression
   17. Project Part 1
   18. End of Lesson 2
3. Images with Markup
   1. Performance
   2. Text Problems
   3. CSS Techniques
   4. CSS background images
   5. CSS background image techniques
   6. Symbol characters
   7. Unicode Treble Clef
   8. Icon Fonts
   9. Inlining images with SVG and data URIs
   10. Strategy Quiz 1
   11. Strategy Quiz 2
   12. Strategy Quiz 3
   13. Strategy Quiz 4
   14. Project Part 2
   15. Lesson 3 Outro
4. Full Responsiveness
   1. Responding to Screen Capability & View
   2. srcset
   3. Sizes Attribute
   4. srcset Quiz
   5. srcset and sizes
   6. The Picture Element
   7. The Full Monty
   8. Accessibility
   9. Accessibility Promise
   10. Project Part 3
   11. Course Conclusion