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. units, formats, environments
   1. Sizing Intro
   2. All about Bits and Pixels
   3. Requests and Revenue
   4. Relative Sizing
   5. IMPORTANT! Udacity Front End Feedback Extension
   6. calc()
   7. Landscape and Portrait
   8. Less Well Known CSS Units
   9. Raster and Vector
   10. Raster or Vector Banner
   11. Raster and Vector Identification
   12. File formats
   13. Spot the Differences
   14. Compression, Optimization and Automation
   15. Image Optimization Environment
   16. Spot the Differences 2
   17. Image Compression
   18. Project Part 1
   19. 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 quizz
   6. The Picture Element
   7. The Full Monty
   8. Accessibility
   9. Accessibility Promise
   10. Project Part 3
   11. Course Conclusion