Responsive Web Design: Helpful Articles, Techniques & Tutorials

by AndrewG

With the advent and popularization of tablets and smartphones in our lives, as well as the development of mobile versions of different sites there’s a need in creating a websites which will correspond to the requirements of multiple devices. The aim of creating a Responsive Web design can be achieved with the help of flexible grids, layouts, images and the use of CSS. In this post we would like to cover some tutorials, techniques and articles you might be interested in.

Responsive Design Tutorials & Articles

Responsive Web Design by Ethan Marcotte

Responsive Web Design: What It Is and How To Use It

CSS transitions & media queries

Working with media queries

CSS3 Media Queries & Responsive Web Design

CSS3 Media Queries

Quick Tip: A Crash-Course in CSS Media Queries

Responsive Data Tables

Responsive design is all about adjusting designs to accomodate screens of different sizes. So what happens when a screen is narrower than the minimum width of a data table?

Experimenting with responsive web design

I Love Responsive Design, But…

How To Use CSS3 Media Queries To Create a Mobile Version of Your Website

Convert a Menu to a Dropdown for Small Screens

Adaptive layouts with media queries

The practicalities of CSS Media Queries, lessons learned

Understanding the Elements of Responsive Web Design

Fluid Images

CSS Media Queries and Using Available Space

Responsive Images: Experimenting with Context-Aware Image Sizing

Responsive Images and Context Aware Image Sizing

Responsive images right now

Responsive images using CSS3

Responsive images using cookies

Responsive images with ExpressionEngine

CSS: Elastic Videos

Borders on responsive images

Resizeable Images (At Full Resolution!)

Responsive Containers

Optimizing your emails for mobile devices with @media query

Responsive design for email – the largest mobile audience

Media Queries in HTML Emails

Guide to CSS support in email

How to use CSS3 Orientation Media Queries

CSS Media Query for Mobile is Fool’s Gold

Design for a Target Experience First

More Responsive Design, Please

Content Choreography

An Event Apart: The Responsive Designer’s Workflow

Slide Presentations

Structured Content First

Real-world Responsive Design

Meta layout: a closer look at media queries

Patterns for Multiscreen Strategies

Responsive web design from the future

Responsive web design is about a lot more than the size of your screen. This talk is about about how GitHub handles links, the url bar, partial page updates, and explains why I think the HTML5 history API is the most important thing to happen to front end development since Firebug.

Developing a Progressive Mobile Strategy

Responsive Web Design With WordPress

Responsive Web Design

Beyond Responsive Web Design

Responsive Design by LiveFront

CSS3 Media Queries

CSS3 Media Queries: Mobile Elixir or CSS Snake Oil

Tags | media query, responsive, Web Design