Featured resource
2025 Tech Upskilling Playbook
Tech Upskilling Playbook

Build future-ready tech teams and hit key business milestones with seven proven plays from industry leaders.

Check it out
  • Course
    • Libraries: If you want this course, consider one of these libraries.
    • Core Tech

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.

Paul Cheney - Pluralsight course - Hands-on Responsive Web Design 2: Responsive Images and Sliders
Paul Cheney
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.

Table of contents

About the author
Paul Cheney - Pluralsight course - Hands-on Responsive Web Design 2: Responsive Images and Sliders
Paul Cheney

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 access now

Sign up to get immediate access to this course plus thousands more you can watch anytime, anywhere.

Get started with Pluralsight