★★★★⋆ (30 reviews)

Responsive Web Design 1: Key Concepts

Learn Responsive Web Design from the ground up; create beautiful websites that look fantastic on any device
Start a premium membership to enroll in this course.
1h 55m
Release date:
May 2013
Closed captions available

Responsive Web Design is now an essential skill for every web designer and developer. Learn Responsive Web Design from the ground up so that you can create beautiful websites that look fantastic on any device.

Course Contents

Lesson 1: Overview and responsive type
Free Overview 1:56
Free Code: responsive type
Free Responsive type 7:23
Responsive web design principles 7:30
Lesson 2: Media queries
Overview 0:42
Media types 7:07
Code: media queries
Media queries syntax 15:42
Mobile-first media queries 3:40
Lesson 3: Fluid images
Overview 0:21
Code: images and backgrounds
Fluid inline images 6:27
Dealing with Internet Explorer 4:46
Fluid background images explained 6:45
Fluid background images 4:17
Lesson 4: Layout patterns, grids, and boilerplate
Overview 0:24
Layout patterns 2:53
CSS frameworks 4:56
Frameworks links
Finding patterns to help build our layout 8:02
Code: grids
The folder and files 12:18
Lesson 5: Multi-column responsive grids
Overview 0:24
A more complex grid 7:59
Code: responsive layouts
The folder 11:45


Russ Weakley Russ is a world-renowned author, speaker and CSS expert. Russ has a detailed knowledge of Design and development. His expertise covers graphic design, interface design, site architecture and standards based development.