How to Build Responsive Websites
OSTraining
Course Summary
Responsive design is a foundation of the modern web. This class is a beginners guide that explains what you need to know to make your site look great on all devices.
-
+
Course Description
Responsive design is a foundation of the modern web. This class is a beginners guide that explains what you need to know to make your site look great on all devices.
Robert learned HTML/CSS back in 2008 when he decided to start a film review site, and he continued adding to his site file-by-file the old-fashioned way for a year. When he asked a web developer friend how to build a site that "automatically lists content on the homepage and stuff," he was pointed to Drupal.
Since then, Robert has continued to build his experience with the CMS by using it on his own projects and by managing other brands' pre-existing Drupal sites. In doing so, he has learned some of the best ways to use the tools Drupal has available--and what mistakes to avoid.
In his spare time, Robert trains Brazilian Jiu Jitsu and works on too many side programming projects. He is also the author of two books.
-
+
Course Syllabus
Introduction
Introduction to Responsive Design
How to Write HTML for Responsive Sites
How to Write CSS for Responsive Sites
Media Queries
How to Write Media Queries
How to Add Multiple Media Queries
Responsive Images
How to Make Responsive Images
How to Use the scrset Attribute
How to Use the sizes Attribute in srcset
How to Hide Page Elements on Small Screens
More Responsive Resources
How to Support Internet Explorer
Final Notes and Resources
Responsive Design Quiz
