New Class: How to Build Responsive Websites

| OSTraining News
How to Build Responsive Websites

Responsive design is a foundation of the modern web and as a webdesigner you need to know your way around media queries and scrset attributes.

This week's new class is called "How to Build Responsive Sites" and it is a beginners guide to responsive design. This class explains exactly what you need to know to make your site look great on all devices.

When you take this class, you'll learn about media queries, responsive images, the scrset attribute, how to deal with Internet Explorer and much more.

Here's an intro video from the Responsive Sites class:

How to take the Responsive Sites class

If you're already an OSTraining member, you can click here to take the Responsive Websites class.

Start your free trial now!

What's in the Responsive Sites class?

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

Start your free trial now!


About the author

Steve is the founder of OSTraining. Originally from the UK, he now lives in Sarasota in the USA. Steve's work straddles the line between teaching and web development.