Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
In this course overview, you'll learn more about what this course covers.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
[MUSIC]
0:00
In general, responsive design consists of
fluid grids, fluid images, and
0:04
media queries.
0:09
By this point, you should have already
done some responsive design.
0:11
But understanding the origins and
0:15
foundational principles will help you step
into more advanced concepts.
0:17
That's a lot to think about, so
0:23
these lessons will focus on layouts in
responsive design.
0:24
In other words, we'll learn about some of
the basic theory behind responsive design.
0:29
And then we'll step into more specific
concepts like breakpoints and
0:35
design patterns.
0:40
If that doesn't make any sense now, don't
worry.
0:42
We're going to cover everything in more
detail soon.
0:46
Whether you're a designer or a developer,
and whether you're working on
0:49
some views in a Rails app, a PHP site, a
WordPress theme, a static website,
0:54
or really any other type of webpage, the
principles will remain the same.
0:59
I should also point out that we're going
to be using plain CSS
1:04
throughout this course for the benefit of
everyone's understanding.
1:08
But if you're more comfortable using
something like Sass, Less, or
1:13
any other CSS extensions or compilers, the
ideas presented here will still apply.
1:17
With that out of the way,
1:23
let's learn about the origins of
responsive web design.
1:25
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up