Get instant access to all courses and online books.

View Plans

Responsive Web Design: Key Concepts

with

  • 1h 55m
  • ★★★★⋆

Learn Responsive Web Design from the ground up; create beautiful websites that look fantastic on any device

 

Closed captioning is 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.


What you'll learn

  • Learn Responsive Web Design principles, Responsive versus Adaptive design, Progressive Enhancement, Mobile First design, and Responsive Web Design Breakpoints
  • Gain a detailed knowledge of media queries and how to apply them in Responsive Web Design
  • Gain an understanding of responsive typography
  • Build the skills needed to create fluid images
  • Experience creating responsive web design grids

Who should do this

This course is for anyone involved in the Web—from business owners to agency designers, corporations to developers—who want to learn the fundamentals of Responsive Web Design.

  • ★★★★★

    This course did a great job introducing some basic, yet potentially powerful concepts in a very clear and concise manner. Excellent job.
  • ★★★★★

    It was a very useful introduction to responsive design principles, with good and usable examples. I particularly liked the last example with em width readability the design goal.
  • ★★★★★

    very well explained, comprehensive and to the point!
  • ★★★★★

    A very well presented course. Russ explains the core concept most succinctly and clearly. The material is presented in a way that it can be directly applied to a project. Well done and thanks!
  • ★★★★★

    This little presentation was superb. A concise and understandable format that was a joy to work through. Thanks Russ!
  • 5 stars .. Fantastic job Russ... Look forward to learning more from you guys at Learnable Thanks a million!! Woo! Woo!
  • ★★★★★

    Loved this course. Simple and straight to the point!
  • ★★★★★

    Course was well presented with key input in the CSS.
  • ★★★★★

    Russ Weakley is the BEST instructor on this site. I learned what responsive design really is and how to use it. Russ always starts with the basics and builds. Never boring always interesting.
  • ★☆☆☆☆

    Basic Stuff Here
  • ★★★★★

    Before lesson one I had no idea how to go about RWD. I had tried some tools out there (at a price, I must say) that confused me even more. The structure of the course and Russ' clear presentation style has assisted me greatly. I feel so much more Read more
    confident about RWD. Thank you to Russ and all concerned
  • ★★★★★

    The course was simply straight-forward in explaining and demonstrating the concepts.
  • ★★★★★

    I hadn't come across media queries before except for the very basics. This brief course gives an excellent introduction. Highly recommended.
  • ★★★★★

    The course was very helpful and exactly that what I was looking for! The course has a very good structure, there is no complicated tool to configure. The instructions was clearly to understand and the step by step explanation with showing the results Read more
    in every step was very didactical. It a theoretical course, its an awesome, interesting course where you can easily learn the Responsive Web Design!

Responsive Web Design: Key Concepts

Learn Responsive Web Design from the ground up; create beautiful websites that look fantastic on any device

Lesson 1: Overview and responsive type
1:56
7:23
7:30
Lesson 2: Media queries
0:42
7:07
15:42
3:40
Lesson 3: Fluid images
0:21
6:27
4:46
6:45
4:17
Lesson 4: Layout patterns, grids, and boilerplate
0:24
2:53
4:56
8:02
12:18
Lesson 5: Multi-column responsive grids
0:24
7:59
11:45

Get instant access to all courses and online books.

View Plans