Lessons:15Length:1.3 hours
- Overview
- Transcript
1.1 Welcome
In this welcome lesson you’ll find out what this course can teach you about responsive images.
1.Hello!
1.1Welcome01:20
1.1
Welcome
01:20
1.2Introduction to Responsive Web Design01:43
1.2
Introduction to Responsive Web Design
01:43
2.Working With Responsive Images
2.1Images in Web Design04:36
2.1
Images in Web Design
04:36
2.2The Classic Approach06:33
2.2
The Classic Approach
06:33
2.3Art Direction01:48
2.3
Art Direction
01:48
2.4Using CSS to Selectively Show Images10:49
2.4
Using CSS to Selectively Show Images
10:49
2.5The Ideal Solution02:33
2.5
The Ideal Solution
02:33
3.Existing Solutions
3.1Introducing the `srcset` and `sizes` Attributes14:25
3.1
Introducing the `srcset` and `sizes` Attributes
14:25
3.2Using the Picture Element04:38
3.2
Using the Picture Element
04:38
3.3Using Multiple Image Formats05:19
3.3
Using Multiple Image Formats
05:19
3.4The Downside: Browser Support02:20
3.4
The Downside: Browser Support
02:20
3.5The Solution: a Polyfill05:36
3.5
The Solution: a Polyfill
05:36
3.6Other Solutions07:27
3.6
Other Solutions
07:27
3.7Performance Considerations05:05
3.7
Performance Considerations
05:05
4.Conclusion
4.1Final Words02:34
4.1
Final Words
02:34
