Bummer! This is just a preview. You need to be signed in with a Treehouse account to view the entire video.
What is Responsive Web Design?1:27 with Nick Pettit
Responsive web design is a collection of techniques for building websites that work on multiple screen sizes. The scope of responsive design sometimes also includes websites that work at different pixel densities, such as traditional screens or high DPI screens.
[SOUND] Responsive web design is a collection of techniques for
building websites that work at multiple screen sizes.
The [SOUND] scope of responsive design also sometimes includes websites that
work at different pixel densities, such as traditional [SOUND] screens or
high DPI screens.
It all started in May of 2010 when Ethan Marcotte wrote a seminal
article titled Responsive Web Design on the blog A List Apart.
You can find a link to the blog post in the notes associated with this video.
And I highly recommend you take the time to read it.
Back then, most web professionals would often create a mobile version of their
site and a desktop version, which means they would have to maintain two
separate websites, or worse, the site wouldn't work on mobile at all.
which is unreliable.
At first, this seemed like it would be somewhat maintainable, but
when more phone sizes and then tablets arrived and
fragmented layouts even further, it quickly became unsustainable.
Instead, Ethan presented the idea that rather than trying to make a different
layout for every device and screen size, we should instead create layouts
that intelligently respond to any device, hence the term responsive web design.
You need to sign up for Treehouse in order to download course files.Sign up