Learn Responsive Design
Welcome to Learn Responsive Design! #
This course takes you on a journey through the many facets of modern responsive web design. The first few modules will ease you in with a history of where responsive design came from and a look at the fundamentals of responsive layouts. From there, you’ll learn about responsive images, typography, accessibility and more.
Along the way you’ll find out how to make websites responsive to user preferences and device capabilities. By the end, you’ll also have an understanding of what the future might hold for responsive design.
Each module has demos and self-assessments for you to test your knowledge.
The first five modules are available now, with the rest to follow soon.
Here's what you'll learn:
Find out where responsive design came from.
Adapt your designs to different screen sizes using CSS media queries.
Prepare your designs for different languages and writing modes.
Design page layouts using a choice of CSS techniques.
Build flexible components that can be placed anywhere.
Make your text legible and beautiful, no matter where it appears.
Give your visitors the most appropriate images for their devices and screens.
The picture element
Exercise more creative control over your images.
Use SVG for scalable responsive iconography.
Adapt your designs to match user preferences such as a dark mode.
Ensure that your website is available to everyone.
'Prepare your pages for different input mechanisms: mouse, keyboard, and touch.'
User interface patterns
Consider some common UI elements that adapt to different screen sizes.
A round-up of all the ways that media features let you respond to devices and preferences.
Prepare your content for devices with multiple screens.
Further resources to help you take your next steps.
So, are you ready to learn responsive design?