Make your media as responsive as your site's layout. Learn to prepare video, fonts, and images to display correctly on a wide variety of devices.
Overview
Syllabus
Introduction
- Welcome
- Using the exercise files
- The software
- Setting viewport initial scale
- Using percentage-based values
- Setting breakpoints
- Resizing typography
- Using icon fonts
- Customizing icon sets
- Setting up an HTML5 video player
- Flexible video embedding
- Raster images vs. other file types
- Resizing raster images
- Compressing large images
- Swapping responsive images
- Combining techniques
- Making SVG elements
- Compressing vector images
- Next steps
Taught by
Christopher Schmitt
