Lesson 1 - Getting up and Running
Before you start working with responsive images, you need to start debugging on your mobile devices. This lesson will help you get started with Developer Tools and mobile debugging.
Lesson 2 - Units, Formats, Environments
You can't optimize what you can't measure. In this lesson, you will start with comparing different kinds of images on the web and getting familiar with different units you can use to scale them.
You will also get a chance to set up your development environment so that responsive images become a painless part of your workflow.
At the end of the lesson, you will start working on the responsive blog project, where you have a chance to apply responsive image principles in a real-world scenario!
* Sizing Images
* File Types
* Automation Tools
Lesson 3 - Images with Markup
Not all graphics need to be .JPGs or .PNGs. This lesson dives into using markup techniques like CSS and icon fonts to create responsive graphics. While markup techniques are awesome because they are natively responsive, they are often **extremely** lightweight, requiring a fraction of the bytes of traditional images!
At the end of the lesson, you will replace extraneous images with markup techniques and take advantage of font icons to add social media icons to the responsive blog project!
* CSS Techniques
* Inlining Images
* Icon fonts
Lesson 4 - Full Responsiveness
Here comes the full monty! In this lesson, you will make your images fully responsive using the new `
Udacity est une entreprise fondé par Sebastian Thrun, David Stavens, et Mike Sokolsky offrant massives des cours en ligne ouverts (MOOCs).
Selon Thrun, l'origine du nom Udacity vient de la volonté de l'entreprise d'être "audacieux pour vous, l'étudiant ". Bien que Udacity se concentrait à l'origine sur une offre de cours universitaires, la plateforme se concentre désormais plus sur de formations destinés aux professionnels.