Images
Coming soon: Comprehensive tutorials on web images.
Image Formats
- JPEG - Best for photographs
- PNG - Lossless compression, transparency
- GIF - Simple animations, limited colors
- WebP - Modern format, smaller file sizes
- AVIF - Next-gen compression
- SVG - Scalable vector graphics
Responsive Images
- srcset and sizes attributes
- Art direction with picture element
- Resolution switching
- Lazy loading with loading="lazy"
Optimization
- Compression techniques
- Image CDNs
- Progressive loading
- Performance best practices
Audio & Video
Coming soon: In-depth coverage of HTML5 media.
HTML5 Media Elements
- The audio element
- The video element
- Media attributes and events
- Custom controls
Formats and Codecs
- Video: H.264, VP9, AV1
- Audio: MP3, AAC, Opus, WebM
- Container formats
- Browser compatibility
Advanced Topics
- Media Source Extensions (MSE)
- Adaptive streaming (HLS, DASH)
- Web Audio API
- WebRTC basics
- Captions and subtitles (WebVTT)