Udacity

Responsive Images (Udacity)

Offered by Udacity, Google,
Responsive Images (Udacity)

Fewer Bytes, Faster Loads. Did you know that images account for more than 60% of the bytes on average needed to load a web page? In this course you will learn how to work with images on the modern web, so that your images look great and load quickly on any device. Along the way, you will pick up a range of skills and techniques to smoothly integrate responsive images into your development workflow. By the end of the course, you will be developing with images that adapt and respond to different viewport sizes and usage scenarios.

Class Deals by MOOC List - Click here and see Udacity's Active Discounts, Deals, and Promo Codes.

Quick load times and responsive content leads to higher conversions. There's much more to images on the web than . Attributes like srcset, markup techniques using CSS, fonts, and inline images, and the brand new element are now available to help you create the best possible experience for your users. This course will help you ensure that you deliver the highest quality images with the fewest possible bytes.

What You Will Learn

Lesson 1
Getting up and Running

  • Start debugging on your mobile devices to work with responsive images with Sam Dutton.
  • Get started with Developer Tools and mobile debugging.

Lesson 2
Units, Formats, Environments

  • Compare different kinds of images on the web and the units you can use to scale them.
  • Set up your development environment so that responsive images are a part of your workflow.
  • Apply responsive image principles in a real-world scenario!

Lesson 3
Images with Markup

  • Dive into using markup techniques like CSS and icon fonts to create responsive graphics.
  • Learn how to use markup techniques that are natively responsive and often extremely lightweight.
  • Replace extraneous images with markup techniques add social media icons to the responsive blog project!

Lesson 4
Full Responsiveness

  • Make your images fully responsive using the new element!
  • Learn to use the srcset and sizes attributes.
  • Make the blog project fully responsive by implementing to display beautiful images across a range of device widths and pixel ratios.
Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Spark (Udacity) Udacity
Udacity,Insight

Spark (Udacity)

Data Science

Master how to work with big data and build machine learning models at scale using Spark! In this course, you’ll learn how to use Spark to work with big data and build machine learning models at scale, including how to wrangle and model massive datasets with PySpark, the Python library for interacting with Spark. In the first lesson, you will learn about big data and how Spark fits into the big data ecosystem. In lesson two, you will be practicing processing and cleaning datasets to get comfortable with Spark’s SQL and dataframe APIs. In the third lesson, you will debug and optimize your Spark code when running on a cluster. In lesson four, you will use Spark’s Machine Learning Library to train machine learning models at scale.

Self Paced
Self-Paced
Python Debugging Machine Learning
Details
AI for Efficient Programming: Harnessing the Power of LLMs (Coursera) Coursera
Fred Hutchinson Cancer Center

AI for Efficient Programming: Harnessing the Power of LLMs (Coursera)

Robotics & Computer Vision

This course on Artificial Intelligence (AI) for software development explores the use of AI large language models such as ChatGPT, Bard, and others and their potential benefits and challenges. Through examples and hands-on activities, you will develop an understanding of the ways in which AI can speed up software development tasks and free up time for more creative and strategic work.

Sep 7th 2026
4 Weeks
Artificial Intelligence Coding Data Science
Details
Applied Plotting, Charting & Data Representation in Python (Coursera) Coursera
University of Michigan

Applied Plotting, Charting & Data Representation in Python (Coursera)

Statistics & Data Analysis Data Science

This course will introduce the learner to information visualization basics, with a focus on reporting and charting using the matplotlib library. The course will start with a design and information literacy perspective, touching on what makes a good and bad visualization, and what statistical measures translate into in terms of visualizations. The second week will focus on the technology used to make visualizations in python, matplotlib, and introduce users to best practices when creating basic charts and how to realize design decisions in the framework.

Sep 7th 2026
4 Weeks
Python Data Analysis Data Science
Details
Ferramentas para Ciência de Dados: Introdução ao R (Coursera) Coursera
FIA Business School

Ferramentas para Ciência de Dados: Introdução ao R (Coursera)

Statistics & Data Analysis

Nossas boas-vindas ao Curso Ferramentas para Ciência de Dados: Introdução ao R. Neste curso, você aprenderá que o mundo evoluiu muito quando o assunto é tomada de decisão baseada em dados e já não é possível comparar a quantidade de informações a que temos acesso atualmente com o que tínhamos disponíveis décadas atrás.

Sep 7th 2026
4 Weeks
Data Science R Language R Programming
Details
Data Science in Stratified Healthcare and Precision Medicine (Coursera) Coursera
University of Edinburgh

Data Science in Stratified Healthcare and Precision Medicine (Coursera)

Health & Society Statistics & Data Analysis

An increasing volume of data is becoming available in biomedicine and healthcare, from genomic data, to electronic patient records and data collected by wearable devices. Recent advances in data science are transforming the life sciences, leading to precision medicine and stratified healthcare. In this course, you will learn about some of the different types of data and computational methods involved in stratified healthcare and precision medicine.

Sep 7th 2026
5-12 Weeks
Medicine Healthcare Machine Learning
Details
Use Tableau for your Data Science Workflow (Coursera) Coursera
Edureka

Use Tableau for your Data Science Workflow (Coursera)

Statistics & Data Analysis Data Science

Learn Tableau fundamentals, advanced visualizations, and integration with data science tools. Elevate your skills in creating impactful dashboards. Enroll now for hands-on experience and master the art of data storytelling. Unlock the potential for advanced analytics, exploring correlations and trends within your data. Build interactive dashboards that tell compelling data stories, utilizing filters, parameters, and actions for user engagement.

Sep 7th 2026
1 Week
Data Science Business Intelligence Data Visualization
Details
Data science perspectives on pandemic management (Coursera) Coursera
Politecnico di Milano

Data science perspectives on pandemic management (Coursera)

Statistics & Data Analysis Data Science

The COVID-19 pandemic is one of the first world-wide scenarios where data made a difference in capturing and analyzing the diffusion and impact of the disease. We offer an introductory course for decision makers, policy makers, public bodies, NGOs, and private organizations about methods, tools, and experiences on the use of data for managing current and future pandemic scenarios.

Sep 7th 2026
5-12 Weeks
Gamification Data Analysis Data Science
Details
Advanced Linear Models for Data Science 2: Statistical Linear Models (Coursera) Coursera
Johns Hopkins University

Advanced Linear Models for Data Science 2: Statistical Linear Models (Coursera)

Statistics & Data Analysis Data Science

Welcome to the Advanced Linear Models for Data Science Class 2: Statistical Linear Models. This class is an introduction to least squares from a linear algebraic and mathematical perspective. Before beginning the class make sure that you have the following: a basic understanding of linear algebra and multivariate calculus; a basic understanding of statistics and regression models; at least a little familiarity with proof based mathematics; basic knowledge of the R programming language.

Aug 31st 2026
4 Weeks
Algebra Linear Algebra Data Science
Details
Image and video processing: From Mars to Hollywood with a stop at the hospital (Coursera) Coursera
Duke University

Image and video processing: From Mars to Hollywood with a stop at the hospital (Coursera)

Engineering Sci: Mathematics

In this course, you will learn the science behind how digital images and video are made, altered, stored, and used. We will look at the vast world of digital imaging, from how computers and digital cameras form images to how digital special effects are used in Hollywood movies to how the Mars Rover was able to send photographs across millions of miles of space.

Sep 7th 2026
5-12 Weeks
Math Image Video
Details