The NEW Responsive 960 Grid CSS Framework That You’re Already Familiar With.

A project to link the aesthetic and discipline of modernist poster designs to the world of digital and dynamic grids, manifested by a series of WordPress themes, adapted from typographical posters.

The Heads-Up Grid is an overlay grid for in-browser website development, built with HTML + CSS + JavaScript.

… a framework to help you build prototypes and production code that’s truly responsive.

Your best buddy when it comes to creating responsive layouts.

• A HTML5 fluid grid framework whose units remain square.
• Column widths increase or decrease to suit your display size using Media Queries.
• It’s Mobile First, CSS is written for small displays, with Media Queries incorporated as display size increases.
• It works on all modern desktop browsers, as well as iOS, Android and BlackBerry’s mobile WebKit browsers.
• Uses css3-mediaqueries.js to work in IE or any browser that supports JavaScript but not Media Queries.

It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text.

Set column and gutter widths, choose the number of columns, and switch between pixels and percentages.

A folding grid for responsive design.

… a designer framework built around the idea of a “real” baseline grid

… a lightweight (845 bytes minified) JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it is needed.

… a Beautiful Boilerplate for Responsive, Mobile-Friendly Development […] a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.

«[…] The more I work with flexible images & grids and media queries, the more I appreciate what can be achieved. […]»

A WordPress Theme by Graph Paper Press

… a simple, lightweight approach

Generate CSS grid templates based on 960 Grid System

The Grid Layout Javascript enables web-developers to stick to a Grid Layout quickly and simply by including the Grid Layouts Javascript file and simple XHTML code. Currently, the Grid Layouts Javascript relies on jQuery.

This site is the on-line companion to the book Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students, by Ellen Lupton (Princeton Architectural Press, 2004). The book includes essays, examples, and practical guidance that does no

box Grid Project