Get instant access to all courses and online books.

View Plans

Responsive Web Design in Action

with

  • 3h 7m
  • ★★★★★

Tackle common problems associated with Responsive Design: navigation, forms, tables, videos & images

 

Closed captioning is available.

Responsive Web Design is now an essential skill for every web designer and developer. As a second step from the fundamentals covered on covered in Responsive Web Design: Key Concepts, this course will help you solve real world problems associated with building RWD websites: navigation, forms, tables, videos & images.

Learn the building blocks of RWD so that you can create beautiful websites that look fantastic on any device. We'll look at the in's and out's of producing each component of a responsive web page and testing them across devices. At the end of the course, you'll also learn to fully retrofit an existing fixed-width website.

This course covers the technicalities of building responsive sites and is intended for web developers. To make the most of this course, ensure you first understand everything covered in Responsive Web Design: Key Concepts.


What you'll learn

In this course, you'll gain the skills and knowledge to build a wide range of Responsive Web Design components, including:

  • Responsive navigation
  • Fluid video
  • Responsive forms
  • Responsive tables
  • Fluid and adaptive images, using Retina images, Picture, and SRC attributes
  • Responsive background images

You'll also expand your understanding of Responsive Web Design to retrofitting existing fixed-width websites.


Who should do this

This course is for web designers and developers with a basic understanding of Responsive Web Design who want to learn how to create and style elegant responsive sites.

A basic understanding of CSS is required. Never used CSS before? Take a look at the introductory course on CSS, Getting started with CSS.

You'll also need:

  1. A text editor of your choice
  2. One or more modern browsers (such as Safari, Chrome, Opera, or Firefox)
  • ★★★★★

    Russ has the most gentle way of explaining complicated things. It's like listening to someone telling a story. On top of that, the information is useful, lots of good ideas and clear explanations of elements and such like that I've been using but not Read more
    understanding how they work. I'm a total amateur, but feel excited now to retrofit and start from scratch all my sites with RWD. Thank you!
  • ★★★★★

    This is a fantastic overview and hands on course for anyone tackling responsive web design for the first time! Thank you Russ!
  • ★★★★★

    Really clear explanations!! Congrats to Russ!!
  • ★★★★★

    This was a well structured course that was easy to follow as Russ explained concepts and steps really well.
  • ★★★★★

    I was totally new to Responsive Web Design Concepts specially about creating Fluid Images,Videos and Tables etc along with Retrofitting a Fixed-Width Website. Russ explained all the concepts in a brilliant way. I Enjoyed learning it and will Read more
    definitely start practicing it. Thanks :)
  • ★☆☆☆☆

    Not much to see here folks.. just move along please ..
  • ★★★★★

    Super course, I've been arsing about with RWD the last year and never had a good solid understanding, but was applying a "break it see what it does approach". This just pulled it all together and the retrofit tutorial bound it solid. Great course
  • ★★★★★

    Very well orchestrated and lots of useful insight on choosing and implementing several solutions to sites updated for multiple devices/resolutions.

Get instant access to all courses and online books.

View Plans