Featured resource
2026 Tech Forecast
2026 Tech Forecast

Stay ahead of what’s next in tech with predictions from 1,500+ business leaders, insiders, and Pluralsight Authors.

Get these insights
  • Course

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.

Intermediate
2h 1m
(39)

Created by Paul Cheney

Last Updated Dec 02, 2024

Course Thumbnail
  • Course

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.

Intermediate
2h 1m
(39)

Created by Paul Cheney

Last Updated Dec 02, 2024

Get started today

Access this course and other top-rated tech content with one of our business plans.

Try this course for free

Access this course and other top-rated tech content with one of our individual plans.

This course is included in the libraries shown below:

  • Core Tech
What you'll learn

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.

Hands-on Responsive Web Design 2: Responsive Images and Sliders
Intermediate
2h 1m
(39)
Table of contents

About the author
Paul Cheney - Pluralsight course - Hands-on Responsive Web Design 2: Responsive Images and Sliders
Paul Cheney
11 courses 4.6 author rating 1179 ratings

Paul Cheney specializes in Responsive Design, Content Management Systems, and Virtual Reality Photography. He teaches courses for Pluralsight and runs a web development business and Spartan Design University where he hosts resources for many online courses.

Get started with Pluralsight