Layout Grid Generatoren + Links

Gestaltungsraster sind eine große Hilfe beim Aufbau eines gut strukturierten Webseiten- Layout.

2007 erschein im Rahmen eines Vortrags unter dem Titel „Grids are Good“ eine Online- Präsentation von Khoi Vinh und Mark Boulton.

Diese Präsentation war meiner Meinung nach auslösend dafür, dass viele Entwickler sich an die Arbeit machten einfache Online- Tools zu schaffen von denen wir heute alle partizipieren: Grid Generatoren.

Heute gibt es eine Vielzahl solcher Raster- Generatoren.  Eines der schönsten Beispiele hierfür ist sicher das 960 Grid System.

Auf dieser Webseite findet man neben einem Online- Generator auch viele Informationen sowie ein Showcase mit Grid- basierten Webseiten. Des Weiteren können Design- Vorlagen für die unterschiedlichsten Grafik- Programme heruntergeladen werden.

!!! Tipp: Cheat Sheet 960 Grid System

960 CSS Generator

tiny fluid grid

Dieser Online- Generator erstellt CSS Raster für Webseiten die sich dynamisch an die Bildschirmgröße des Online- Besuchers anpassen.

Weiterführende Links:

Folgende Beiträge zum Thema Grid Generatoren könnten ebenfalls für Sie interessant sein:

• 13 Excellent Tools and Systems for CSS Grid Based Layouts
• Liquid, Fluid and Elastic Layout Templates, Tools and Frameworks
• 45+ CSS Grid Systems, Layout Generators and Tutorials that every Designer should know
• 15 Extremely Useful CSS Grid Layout Generator For Web Designers
• Best Of: CSS Grid Tools