Preview
Video Player
00:00
00:00
Course Overview
1:29In this course overview, you'll learn more about what this course covers.
[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