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

Applied Text Mining in Python (Coursera) Coursera
University of Michigan

Applied Text Mining in Python (Coursera)

Statistics & Data Analysis Data Science

This course will introduce the learner to text mining and text manipulation basics. The course begins with an understanding of how text is handled by python, the structure of text both to the machine and to humans, and an overview of the nltk framework for manipulating text. The second week focuses on common manipulation needs, including regular expressions (searching for text), cleaning text, and preparing text for use by machine learning processes. The third week will apply basic natural language processing methods to text, and demonstrate how text classification is accomplished. The final week will explore more advanced methods for detecting the topics in documents and grouping them by similarity (topic modelling).

Aug 17th 2026
4 Weeks
Programming Python Machine Learning
Details
Visualization for Data Journalism (Coursera) Coursera
University of Illinois at Urbana-Champaign

Visualization for Data Journalism (Coursera)

Statistics & Data Analysis Data Science

While telling stories with data has been part of the news practice since its earliest days, it is in the midst of a renaissance. Graphics desks which used to be deemed as “the art department,” a subfield outside the work of newsrooms, are becoming a core part of newsrooms’ operation. Those people (they often have various titles: data journalists, news artists, graphic reporters, developers, etc.) who design news graphics are expected to be full-fledged journalists and work closely with reporters and editors.

Aug 10th 2026
5-12 Weeks
Python Storytelling Data Analysis
Details
Xcode Debugging (Udacity) Udacity
Udacity

Xcode Debugging (Udacity)

Computer Science

Print Statements, Breakpoints, and LLDB. "If debugging is the process of removing bugs, then programming must be the process of putting them in." Edsger W. Dijkstra Debugging is yin to programming's yang; you can't have one without the other. However, finding bugs in programs can be an incredibly frustrating and demotivating process for developers. This course will teach you a variety of techniques to help make debugging your code easier.

Self Paced
Self-Paced
Debugging Computer Science Xcode
Details
Model Building and Validation (Udacity) Udacity
Udacity

Model Building and Validation (Udacity)

Statistics & Data Analysis Data Science

Advanced Techniques for Analyzing Data. This course will teach you how to start from scratch in answering questions about the real world using data. Machine learning happens to be a small part of this process. The model building process involves setting up ways of collecting data, understanding and paying attention to what is important in the data to answer the questions you are asking, finding a statistical, mathematical or a simulation model to gain understanding and make predictions.

Self Paced
Self-Paced
Machine Learning Modeling Data Analysis
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.

Aug 10th 2026
5-12 Weeks
Medicine Healthcare Machine Learning
Details
Machine Learning Introduction for Everyone (Coursera) Coursera
IBM

Machine Learning Introduction for Everyone (Coursera)

Data Science

This three-module course introduces machine learning and data science for everyone with a foundational understanding of machine learning models. You’ll learn about the history of machine learning, applications of machine learning, the machine learning model lifecycle, and tools for machine learning. You’ll also learn about supervised versus unsupervised learning, classification, regression, evaluating machine learning models, and more.

Aug 17th 2026
3 Weeks
ML Artificial Intelligence Machine Learning
Details
Materials Data Sciences and Informatics (Coursera) Coursera
Georgia Institute of Technology

Materials Data Sciences and Informatics (Coursera)

Engineering Sci: Chemistry

This course aims to provide a succinct overview of the emerging discipline of Materials Informatics at the intersection of materials science, computational science, and information science. Attention is drawn to specific opportunities afforded by this new field in accelerating materials development and deployment efforts.

Aug 10th 2026
5-12 Weeks
Statistics Informatics Chemistry
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.

Aug 10th 2026
5-12 Weeks
Math Image Video
Details
Experimentation for Improvement (Coursera) Coursera
McMaster University

Experimentation for Improvement (Coursera)

Statistics & Data Analysis Data Science

We are always using experiments to improve our lives, our community, and our work. Are you doing it efficiently? Or are you (incorrectly) changing one thing at a time and hoping for the best? In this course, you will learn how to plan efficient experiments - testing with many variables. Our goal is to find the best results using only a few experiments. A key part of the course is how to optimize a system.

Aug 17th 2026
5-12 Weeks
Statistics Data Science Regression Models
Details
Java Programming Basics (Udacity) Udacity
Udacity

Java Programming Basics (Udacity)

CS: Software Engineering CS: Programming

Take your first steps towards becoming a Java developer! Learn Java syntax and create conditional statements, loops, and functions. Taking this course will provide you with a basic foundation in Java syntax, which is the first step towards becoming a successful Java developer. You’ll learn how computers make decisions and how Java keeps track of information through variables and data types.

Self Paced
Self-Paced
Programming Java Debugging
Details