Multicloud Foundations from Pluralsight

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.

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.

What's inside

Syllabus

Course Overview

Introduction

Background and Scaling Images

Pixel Density Logo

Similar Sized Responsive Images

Different Sized Responsive Images

Art Direction

Lazy Load Images

Image Sliders

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops highly relevant responsive image techniques for web design

Taught by recognized industry instructor Paul Chaney

Emphasizes catering to various display resolutions and devices

Suitable for web developers with knowledge in HTML5, CSS3, and SASS

May require specific software like Brackets, Koala.app, and Photoshop

Career center

Learners who complete Multicloud Foundations will develop knowledge and skills that may be useful to these careers:

Front-End Developer

Front-End Developers work on user interfaces of various web-based applications. As one of the core practices, responsive design maintains consistency across a range of browser sizes and platforms. When enrolled in this course, you will learn about pixel density and image size, which is a foundational concept in responsive web design. This will enable you to consistently deliver content that adapts seamlessly to different device configurations.

See salaries and explore the career path for Front-End Developer

UI Designer

UI Designers utilize their understanding of users and design principles to develop interfaces for their products. Being able to create responsive images is a highly sought-after skill in the field, as it ensures that your application performs flawlessly on any screen size. This course will teach you exactly that.

See salaries and explore the career path for UI Designer

Web Developer

Web Developers are responsible for the backbone of websites and online applications. Knowledge of responsive design is essential for effective delivery of consistent content. This course covers the fundamentals of pixel density, which is crucial for delivering optimized images.

See salaries and explore the career path for Web Developer

Product Designer

As a Product Designer, you will maintain the user experience of your product. Responsive images are imperative in this process, as they naturally enhance the user experience. This course will introduce you to the fundamentals of responsive images, including the picture tag and source set (srcset).

See salaries and explore the career path for Product Designer

UX Designer

UX Designers are tasked with understanding user needs and delivering optimal experiences for products. This course will teach you about the art direction of different image sizes and how to use them to your UX advantage. This foundational knowledge will be invaluable to your success as a UX Designer.

See salaries and explore the career path for UX Designer

Software Engineer

Software Engineers design, develop, test, and maintain software systems. As a Software Engineer, it is crucial to understand how to make websites perform well on different devices. This course covers lazy loading, which is a fundamental technique to improve the performance of web pages with many images.

See salaries and explore the career path for Software Engineer

Web Analyst

Web Analysts provide insights on website traffic data to inform website improvements. Being able to analyze image-related performance data is important. This course will teach you about lazy loading, which is a key technique used to optimize image loading and enhance website performance.

See salaries and explore the career path for Web Analyst

Data Analyst

Data Analysts gather, analyze, interpret, and present data to help organizations make informed decisions. Proficiency in web analysis is a complementary skill for any Data Analyst. This course will equip you with the knowledge of image-related website performance, enabling you to provide even more comprehensive insights.

See salaries and explore the career path for Data Analyst

Content Manager

Content Managers oversee the planning, creating, and distribution of written, visual, or audio content. Knowledge of website performance optimization techniques is highly valuable in this field. This course will equip you with the foundational understanding of image-related performance, a key component of successful content delivery.

See salaries and explore the career path for Content Manager

Marketing Manager

Marketing Managers are responsible for developing and executing marketing campaigns across various channels. Understanding website performance is fundamental to evaluating campaign effectiveness. This course will introduce you to image-related performance optimization techniques, providing a solid foundation for successful digital marketing campaigns.

See salaries and explore the career path for Marketing Manager

Photographer

Photographers take and process photographs and may specialize in a particular area of photography, such as portraiture, landscape, or photojournalism. Understanding the fundamentals of responsive design will enable you to deliver images that perform well across various platforms, enhancing your credibility as a photographer.

See salaries and explore the career path for Photographer

Graphic designer

Graphic Designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. Understanding how to create visually appealing images that are optimized for different devices is a sought-after skill in the field of graphic design. This course will teach you about the art direction of images, which is crucial for successful graphic design.

See salaries and explore the career path for Graphic designer

Social Media Manager

Social Media Managers create and manage content for their clients' social media accounts. As a Social Media Manager, the performance of your content is crucial, and optimizing images is a key aspect of it. This course will teach you about lazy loading, a technique used to optimize image loading, which will enhance the performance of your social media content

See salaries and explore the career path for Social Media Manager

UX Researcher

UX Researchers lead the user research process, conduct user interviews, analyze data, and come up with research-based design recommendations. Understanding how responsive images work is crucial when performing user testing, as it can influence the results of the research. This course will introduce you to the fundamentals of responsive images, ensuring that the results of your user research are accurate and reliable.

See salaries and explore the career path for UX Researcher

Digital Marketing Specialist

Digital Marketing Specialists are responsible for developing and executing digital marketing campaigns to promote products or services. Understanding how to optimize images for different platforms is important for effective digital marketing. This course will cover the fundamentals of pixel density and image size, providing you with a solid foundation for creating visually appealing and high-performing digital marketing campaigns.

See salaries and explore the career path for Digital Marketing Specialist

E-commerce Manager

E-commerce Managers oversee the day-to-day operations of an online store, including marketing, product management, and customer service. As an E-commerce Manager, you need to ensure that your website performs well, and optimizing images is a key aspect of it. This course will teach you about lazy loading, a technique used to optimize image loading, which can improve the performance and user experience of your e-commerce website.

See salaries and explore the career path for E-commerce Manager

Multicloud Foundations

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses