Learning Responsive Media

Offered By: LinkedIn Learning

Tags

Responsive Web Design Courses Typography Courses CSS Media Queries Courses Vector Graphics Courses

Course Description

Overview

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.

Syllabus

Introduction

Welcome
Using the exercise files
The software

1. Responsive Basics

Setting viewport initial scale
Using percentage-based values
Setting breakpoints

2. Responsive Type and Icons

Resizing typography
Using icon fonts
Customizing icon sets

3. Responsive Video Techniques

Setting up an HTML5 video player
Flexible video embedding

4. Responsive Raster Images

Raster images vs. other file types
Resizing raster images
Compressing large images
Swapping responsive images
Combining techniques

5. Responsive Vector Images

Making SVG elements
Compressing vector images

Conclusion

Next steps

Taught by

Christopher Schmitt

Related Courses

Responsive Web Design Fundamentals
Google via Udacity Introduction to Bootstrap - A Tutorial
Microsoft via edX Responsive Images
Udacity Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera Responsive Web Design
University of London International Programmes via Coursera