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. quizz Project Part 3
    11. Course Conclusion