RESPONSIVE design

Has come 2 stay! Check out a few theoriesn’all:

08_RESPONSIVEdesign

Responsive Design – Cool Links

BlopTimesTwo

Design / Grid Systems

Picturefill – w3.org – A Responsive Images approach that you can use today, that mimics the proposed picture element using divs, for safety sake.

Screenqueri

Tiny Fluid Grid

Responsive Web DEsign Sketch Sheets

Gridset – Web Layout Evolved

Responsive Grid System – Spectacularly Easy Responsive Design

Skeleton: The Grid System

Columnal – A responsive CSS grid system helping desktop and mobile browsers play nicely together

SimpleGrid – Responsive. Infinite nesting. One class per element. Simple.

Golden Grid System – A folding grid for responsive design

Screen Sizes (Benjamin Keen’s Responsive Design Bookmarklet)

w3 – CSS Flexible Box Layout Module

Testing – Testing

Responsinator

Mobitest

MobiForge – a guide to Mobile Emulators

Project & Process

Bootstrap

Mobile Boilerplate

Response(js) – jQuery responsive design toolkit

Github: SouthStreet Progressive Enhancement Workflow

Foundation – The most advanced responsive front-end framework in the world

Skeleton – A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

Cool People’s Blogs

Luke W

Benjamin Keen – Smaller Projects

Code & Debugging

Github: Respond.js – A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)

Modernizr – a JavaScript library that detects HTML5 and CSS3 features in the user’s browser

Crazy Wizardry introducing Responsive Grid Systems