Hands-on Responsive Web Design 2: Responsive Images and Sliders
Learn responsive images with HTML5, CSS3, and SASS. Master image and picture tags for adaptable web design. Boost your web development skills!
Course Content
Hands-on Responsive Web Design 2: Responsive Images and Sliders is an intermediate-level Pluralsight course taught by Paul Cheney. It runs 2h 1m, is taught in English, and includes a certificate of completion. Learners rate it 4.5 out of 5 from 39 reviews. It is a paid course, first published December 2024.
Master responsive image design with this practical course! A solid understanding of HTML5, CSS3, and SASS is foundational for any responsive website, and this course builds directly on that. Hands-on Responsive Web Design 2: Responsive Images and Sliders equips you with the skills to create visually appealing and performant websites across all devices.
You'll learn how to effectively implement responsive images using the srcset attribute, ensuring optimal image delivery based on device pixel density and image width. We'll start with the <picture> tag, allowing you to target images with precision using media queries.
Next, discover how to automate image resizing using Photoshop, creating multiple image sizes for different screen resolutions. You'll gain insights into when and why to implement responsive images for the best user experience and website performance.
By the end of this course, you'll have hands-on experience building functional responsive image examples ready to integrate into your own projects.
Software Required: Brackets, Koala.app, and Photoshop.
This course is perfect for web developers looking to enhance their skills in responsive web design and improve website loading speeds. Learn to optimize your images for a faster, more engaging user experience.
Need a web app built? Hire the team behind TutorialSearch.io
We ship fast, production-grade full-stack apps (Next.js, React, edge infra) — the same stack that powers this site.