A quest for responsive imagery
summary
Compares specific responsive‑image techniques, catalogs about 20 solutions on GitHub, and supplies a decision wizard that narrows choices by asking about extra markup, JS or library reliance, server‑side image generation, CDN use and art direction needs. Evaluates two standard proposals picture and srcset, notes a common bandwidth test of downloading a known‑size asset with JavaScript, and flags concrete failures: broken semantics, lost content/style separation, extra requests and unreliable third‑party services. The wizard demonstrably helps pick workable tradeoffs.
AI-written summary · about
chapters (17)
- 0:00Responsive imagery challenges
- 1:35Responsive design requirements
- 3:20Ideal responsive images
- 6:50Current standards and solutions
- 7:33Implementation hurdles
- 8:17Choose Your Own Adventure
- 11:28Art direction in imagery
- 12:10JavaScript dependencies
- 13:16Server-side solutions
- 15:26Loading trade-offs
- 16:11Bandwidth testing limits
- 17:34Evaluating solutions
- 18:15Fool's gold pitfalls
- 19:39Performance impact
- 20:00Selecting the right solution
- 20:41Standards and accessibility
- 21:45Content and style separation
