A 1140px wide, 12 column grid. Fluid all the way down to a mobile version.

„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.
Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.“

Ausprobieren! Das Photoshop Template dazu gibt es hier.

( via swissmiss )

Gridulator

Tolles Tool zum Erstellen von Grids für Weblayouts: Gridulator. I like!
gridulator

David Sleight, der das Tool gebaut hat sagt dazu:
Tell Gridulator your layout width and the number of columns you want, and it’ll spit back all the possible grids that have nice, round integers. Just the thing for pixel-based designfolk. There are inline previews, courtesy of the canvas element, and when you’re all set Gridulator can crank out full-size PNGs for you, ready for use in your CSS, Photoshop docs, or what have you. And there’s full keyboard control for you snazzy power users.

http://gridulator.com/

( via swissmiss )

GDPR Cookie Consent mit Real Cookie Banner