Reference Tutorials & Articles

Reference Tutorials & Articles 

Breaking the Ice:

Reading:

Beginner's Guide to Responsive Web Design
How to Turn Any Site into a Responsive Site
Responsive Web Design in 3 Steps
Designing for a Responsive Web

Video/Tutorials

Introduction to Responsive Web Design
Responsive Web Design: A visual Guide
     Source Files

Start Building

Creating a Mobile-First Responsive Web Design
Fluid Grids
Fluid Images
Scalable Navigation Patters in Responsive Web Design
Responsive Web Design with CSS3 Media Queries
CSS Effect: Space Images Out to Match Text Height
Adaptive Layouts with Media Queries
Responsive Images: Experimenting with Context-aware Image Sizing
How to Create a Responsive Website Navigation
Design & Code a cool iPhone app website in HTML5
Effective Design for Multiple Screen Sizes

Do More:

Elastic Videos
Hiding and Revealing Portions of Images
Responsive Content Navigator with CSS3
Create a Responsive Web Design Template
Responsive Horizontal Layout
Convert a Menu to a DropDown for Small Screens
Flexible Slide-to-Top Accordion
How to Use CSS3 Orientation Media Queries
Responsive Data Tables
Fluid CSS3 Slideshow with Parallax Effect
How to Build a Responsive Thumbnail Gallery
Optimizing Your E-mail for Mobile Devices
Building a Responsive Resume
A Guide to Using Pictograms in Mobile Applications

Usability on the mobile Web: best practices and guidelines for designers and developers

HTML5

HTML5 for the Mobile Web - Introduction
HTML5 For the Mobile Web - GeoLocation
HTML5 for the Mobile Web - Device Orientation Events

Using Frameworks:

Build a Responsive Mobile-Friendly Website with Skeleton
Responsive Web Design with HTML5 & Less Framework3