Hands-on Responsive Web Design 2: Responsive Images and Sliders

When developing any responsive website, typically you know the ins and outs of HTML5, CSS3, and SASS. This course teaches you how to implement responsive images using both image and picture tags that you can use in your next web development project.
Course info
Rating
(12)
Level
Intermediate
Updated
August 24, 2017
Duration
1h 57m
Table of contents
Description
Course info
Rating
(12)
Level
Intermediate
Updated
August 24, 2017
Duration
1h 57m
Description

At the heart of developing any responsive website is a thorough knowledge of how to use HTML5, CSS3, and SASS. In this course, Hands-on Responsive Web Design 2: Responsive Images and Sliders, you'll learn the skills you need to implement responsive images using source set (srcset), and change images based on device pixel density and image width. First, you'll explore how to use the picture tag to target images based on media queries. Next, you'll dive into how to automate the creation of multiple sized images using Photoshop. Finally, you'll discover under what circumstances you should implement them. When you're finished with this course, you'll have built several functioning examples, which you can use in your next project. Software required: Brackets, Koala.app, and Photoshop.

About the author
About the author

Paul Cheney is a professor of Web Design and Development at Utah Valley University, where he teaches Responsive Design. He also owns his own web design company, which allows him to keep current in the field and share the latest technology with his students.

More from the author
Hands-on JavaScript Project: JSON
Beginner
1h 25m
20 Mar 2017
More courses by Paul Cheney