16 really useful responsive web design tutorials

Ensure your website has the optimal viewing experience with these helpful responsive web design tutorials.

Responsive web design is still massively popular form of web design, but it can be daunting if you have limited or no experience. Thankfully, we've rounded up these really useful tutorials to help you from day one.

From dealing with typography and video, through imagery and layout to the technicalities of using JavaScript on your responsive sites, you'll be a pro before you know it. And once you've done your learning, you can check out these RWD problems and how to solve them...

01. Responsive web design: what it is and how to use it

responsive web design tutorials

Get the grips with the basics of responsive web design

In the field of web design and development, we're quickly getting to the point of being unable to keep up with the endless new resolutions and devices, writes Kayla Knight. Should we just suffer the consequences of losing visitors from one device, for the benefit of gaining visitors from another? Or is there another option?

02. Responsive web design: a visual guide

responsive web design tutorials

Accomodate your site to a number of different devices

These days, 'one size fits all' is quickly becoming a dated concept. Luckily, with CSS media queries, we can now easily build responsive web designs that accomodate everything from your mobile phone to your massive desktop, as this video tutorial demonstrates.

03. Braindump on responsive web design

responsive web design tutorials

Take a look at a range of tips and tricks in this tutorial video

Chris Coyier explains the very basics of what 'responsive web design' has come to mean, with examples, related resources, relevant people, tips and tricks, and more.

04. Build a basic responsive site with CSS

responsive web design tutorials

Start simple by following this step-by-step tutorial for your first site

Responsive design is much misunderstood. Jason Michael lays to rest some myths, and then walks us through building a simple responsive website.

05. How to add responsive video to your website

responsive web design tutorials

Ensure that embedded video works properly on your responsive site

Responsive web design has changed the way we approach video. John Surdakowski explains what you need to do to ensure that embedded video works properly your website.

06. Build a responsive site in a week: part 1

responsive web design tutorials

The first of a five-part responsive design tutorial series

Interested in responsive web design but not sure how to get started? Don't fret, help is at hand! In a five-tutorial series, Paul Robert Lloyd talks you through the responsive design process, soup to nuts.

07. Build a responsive site in a week: typography & grids: part 2

responsive web design tutorials

Translate static page designs into adaptable sites

In the second part of this series, Paul Robert Lloyd tells us how to translate static page designs into adaptable, fluid websites. So let go of those pixels and learn to love proportions!

Next page: seven more responsive web design tutorials