We may earn an affiliate commission when you visit our partners.
Responsive Images
Cameron Pittman
and
Sam Dutton
Cameron Pittman
and
Sam Dutton
Take Udacity's responsive images course and go beyond image tags! Learn how to make images a part of your responsive design workflow.
Register for this course and see more details by visiting:
OpenCourser.com/course/i6se1u/responsive
What's inside
Syllabus
Sam Dutton, developer advocate at Google, explains the importance of getting responsive images right and helps you setup mobile developer tools.
Read more
Syllabus
Sam Dutton, developer advocate at Google, explains the importance of getting responsive images right and helps you setup mobile developer tools.
Read more
Optimize images to display beautifully on all screen sizes. Learn about the difference between Raster vs Vector images, responsive CSS units, and setting up optimization tools.
Dive deep into image alternatives like CSS and icon fonts and learn common strategies to alleviate latency.
Learn to use the srcset attribute and the picture element to choose images of the right size for your application for every viewing context.
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Gives a strong foundation in image optimization techniques
Covers essential principles like raster and vector images, and responsive CSS units
Taught by experts in the field, ensuring up-to-date knowledge and credibility
Explores common strategies to improve image loading times and reduce latency
Addresses the importance of optimizing images for various screen sizes and devices
Save this course
Save Responsive Images to your list so you can find it easily later:
Save
Save
Activities
Coming soon
We're preparing activities for
Responsive Images.
These are activities you can do either before, during, or after a course.
Career center
Learners who complete Responsive Images will develop knowledge and skills
that may be useful to these careers:
Web Developer
Web Developer
A Web Developer is someone who builds and maintains websites. They are responsible for the design, development, and deployment of websites. This course will help you build a foundation in responsive image techniques that will be essential for your success as a web developer. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
Front-End Developer
Front-End Developer
A Front-End Developer is responsible for the design and implementation of the user interface of a website or application. This course will help you build a foundation in responsive image techniques that will be essential for your success as a front-end developer. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
UI Designer
UI Designer
A UI Designer is responsible for the design of the user interface of a website or application. This course will help you build a foundation in responsive image techniques that will be essential for your success as a UI designer. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
UX Designer
UX Designer
A UX Designer is responsible for the user experience of a website or application. This course will help you build a foundation in responsive image techniques that will be essential for your success as a UX designer. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
Graphic designer
Graphic designer
A Graphic Designer is responsible for the creation of visual content, such as logos, brochures, and websites. This course will help you build a foundation in responsive image techniques that will be essential for your success as a graphic designer. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
Art Director
Art Director
An Art Director is responsible for the visual design of a website or application. This course will help you build a foundation in responsive image techniques that will be essential for your success as an art director. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
Product Designer
Product Designer
A Product Designer is responsible for the design of a product, from concept to launch. This course will help you build a foundation in responsive image techniques that will be essential for your success as a product designer. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
Content Manager
Content Manager
A Content Manager is responsible for the creation and management of content for a website or application. This course may be useful for you if you are interested in learning how to use images to create effective content. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
Social Media Manager
Social Media Manager
A Social Media Manager is responsible for the development and execution of social media campaigns. This course may be useful for you if you are interested in learning how to use images to create effective social media campaigns. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
Marketing Manager
Marketing Manager
A Marketing Manager is responsible for the development and execution of marketing campaigns. This course may be useful for you if you are interested in learning how to use images to create effective marketing campaigns. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
Search Engine Optimization (SEO) Specialist
Search Engine Optimization (SEO) Specialist
A Search Engine Optimization (SEO) Specialist is responsible for improving the visibility of a website or application in search engine results pages (SERPs). This course may be useful for you if you are interested in learning how to use images to improve the SEO of a website or application. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
Data Analyst
Data Analyst
A Data Analyst is responsible for collecting, analyzing, and interpreting data to help businesses make better decisions. This course may be useful for you if you are interested in learning how to use images to analyze data. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
Business Analyst
Business Analyst
A Business Analyst is responsible for analyzing business processes and identifying opportunities for improvement. This course may be useful for you if you are interested in learning how to use images to improve business processes. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
Information Architect
Information Architect
An Information Architect is responsible for designing and organizing the structure and content of a website or application. This course may be useful for you if you are interested in learning how to use images to create a well-organized and easy-to-use website or application. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
User Experience (UX) Researcher
User Experience (UX) Researcher
A User Experience (UX) Researcher is responsible for conducting research to understand the needs and wants of users. This course may be useful for you if you are interested in learning how to use images to conduct UX research. You will learn how to optimize images for all screen sizes, use the srcset attribute and the picture element to choose the right image for each viewing context, and use CSS and icon fonts to create beautiful and efficient images.
For more career information including salaries, visit:
OpenCourser.com/course/i6se1u/responsive
Reading list
We've selected ten books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
Responsive Images.
Provides a deep dive into CSS, including advanced techniques for responsive design and image optimization.
Save
Provides a deep dive into advanced CSS techniques, including responsive design, image optimization, and performance.
Provides a comprehensive overview of responsive web design principles and techniques, including image optimization and responsive CSS units.
Save
Provides a collection of expert articles on responsive design, including image optimization and performance.
Provides a comprehensive overview of SVG, a vector-based image format that is often used for responsive design.
Provides a practical guide to HTML5 and CSS3, including responsive design and image optimization.
Covers the fundamentals of browser networking and optimization techniques, including image loading and caching.
Provides a practical guide to web design and development, including image optimization and responsive design.
Provides guidance on visual design principles and best practices, including image selection and composition.
Provides a discussion on the importance of constraints in design, including how to work with responsive design limitations.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/i6se1u/responsive
Share
Similar courses
Here are nine courses similar to
Responsive Images.
Multicloud Foundations
OpenCourser.com/course/6o38xe/multicloud
Multicloud Foundations
Most relevant
Responsive Web Images
OpenCourser.com/course/8dep2u/responsive
Responsive Web Images
Most relevant
HTML for Beginners: Working with Images
OpenCourser.com/course/g5pv36/html
HTML for Beginners: Working with Images
Most relevant
Mastering Advanced Color Grading in Photoshop
OpenCourser.com/course/740f4k/mastering
Mastering Advanced Color Grading in Photoshop
Images and Links in HTML
OpenCourser.com/course/a4io2x/images
Images and Links in HTML
Learn Figma - UI/UX Design Essential Training
OpenCourser.com/course/hysqbz/learn
Learn Figma - UI/UX Design Essential Training
Machine Learning for Computer Vision
OpenCourser.com/course/m0gkyc/machine
Machine Learning for Computer Vision
Create Amazing Graphics and Art using Stable Cascade
OpenCourser.com/course/t3e2rp/create
Create Amazing Graphics and Art using Stable Cascade
Modern CSS for Beginners 2023 web design getting started
OpenCourser.com/course/d0d7ak/magic
Modern CSS for Beginners 2023 web design getting started
Effort
10 hours
Via
Udacity
Instructors
Cameron Pittman
Sam Dutton
Language
English
Good to know
Gives a strong foundation in image optimization techniques
Covers essential principles like raster and vector images, and responsive CSS units
Taught by experts in the field, ensuring up-to-date knowledge and credibility
Explores common strategies to improve image loading times and reduce latency
Addresses the importance of optimizing images for various screen sizes and devices
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser