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 Learn how to convert PSD to HTML and CSS responsive
Udemy CSS - Basics to Adv for front end development
Udemy CSS Layout Course (How To)
Treehouse HTML and CSS Tutorial in Hindi for Beginners
YouTube