The Heads-Up Grid
The Heads-Up Grid is an overlay grid for use during in-browser website development, built with HTML + CSS + JavaScript.
via The Heads-Up Grid.
The 1140px CSS Grid System/Framework · Fluid down to mobile
The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.
Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.
via The 1140px CSS Grid System/Framework · Fluid down to mobile.
960 Grid System Photoshop Actions | Johnny Nines
Do you use a grid for your web designs? Do you use the 960 Grid System? Well if you do, I have provided a set of Photoshop actions for you to download.
These actions will create a Photoshop document ideal for laying websites out in 12, 10, 8, 6 and 4 columns.
CSS Raster Generatoren
Das Raster als Gestaltungsgrundlage ist umstritten. Wer sich damit auseinandersetzen will, braucht nicht zwingend ein Framework, er könnte auch zum Grid-Generator greifen und erhält – mit Einschränkungen – einen WYSIWYG-Modus für den Ausbau seines Grids. Mit den Generatoren lässt sich ohne Installation herumspielen.
via CSS Raster Generatoren / Grid Generators | CSS, Generatoren, YAML | Dr. Web Magazin.