Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.
Start a free Basic trial
to watch this video
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.
-
0:00
[SOUND] Responsive web design is a collection of techniques for
-
0:03
building websites that work at multiple screen sizes.
-
0:07
The [SOUND] scope of responsive design also sometimes includes websites that
-
0:12
work at different pixel densities, such as traditional [SOUND] screens or
-
0:16
high DPI screens.
-
0:18
It all started in May of 2010 when Ethan Marcotte wrote a seminal
-
0:22
article titled Responsive Web Design on the blog A List Apart.
-
0:27
You can find a link to the blog post in the notes associated with this video.
-
0:31
And I highly recommend you take the time to read it.
-
0:35
Back then, most web professionals would often create a mobile version of their
-
0:39
site and a desktop version, which means they would have to maintain two
-
0:44
separate websites, or worse, the site wouldn't work on mobile at all.
-
0:50
People also used to use JavaScript to detect which browser people were using,
-
0:54
which is unreliable.
-
0:56
At first, this seemed like it would be somewhat maintainable, but
-
1:00
when more phone sizes and then tablets arrived and
-
1:04
fragmented layouts even further, it quickly became unsustainable.
-
1:10
Instead, Ethan presented the idea that rather than trying to make a different
-
1:15
layout for every device and screen size, we should instead create layouts
-
1:20
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