A folding grid for responsive design.

Adapt.js is a lightweight (940 bytes minified) JavaScript file that determines which CSS file to load before the browser renders a page. It is worth noting this is a proposed, not prescribed, approach to a problem with multiple solutions. Other methods include: building a separate site for mobile, or using a media queries to adjust layouts dynamically, with a polyfill for older browser support. Also a factor is how to handle image resolutions.

All the benefits of a hand-crafted grid, without all the math.

Fluid down to mobile

A simple CSS framework for designers and developers, based on 35 equal-width columns. It aims to cut down on development time and help you create beautiful-structured websites.

This is a little tool we created for our Analog holding page. It inserts a layout grid in web pages, allows you to hold it in place, and toggle between displaying it in the foreground or background. To see it in action, hit G on your keyboard.

A grid overlay bookmarklet for 960.gs