Gridpak – Responsive Grid Generator
Mit Gridpak wurde ein neues, sehr hilfreiches Tool zur Erstellung von flexiblen Gestaltungsrastern veröffentlicht. Gridpak bietet im Gegensatz zu anderen Tools dieser Art keine vordefinierten Raster sondern unterstützt Webdesigner dabei eigene flexible Gestaltungsgrundlagen zu erstellen.
Neben der Gesamtbreite des Rasters, der Anzahl an Spalten, sowie dem Innen- Außenabstand könnt ihr mit Gridpak individuelle Breakpoints festlegen. Diese Breakpoints werden anschließend über CSS3 Media Queries angesprochen.
Was leistet Gridpak?
Die Bedienung von Gridpak ist absolut selbsterklärend. Nachdem ihr die gewünschten Einstellungen am Raster vorgenommen habt und die Breakpoints festgelegt sind könnt ihr euch ein umfangreiches Download-Paket herunterladen. Enthalten sind neben dem generierten Stylesheet auch LESS- und PNG-Grafiken, JavaScript-Files und ein Demo-Ordner.
Die JavaScript-Dateien dienen dazu das Raster während der Entwicklung der Website einzublenden: Mit der Taste G kann das Grid im Browser ein- und ausgeblendet werden.
Weiterführende Links
Folgende Links informieren sehr gut zum Thema Gridpak. Insbesondere der Smashing Magazine Artikel gibt interessante Einblicke in das Tool.
- gridpak.com
- gridpak.com/about
- coding.smashingmagazine.com/2012/03/19/gridpak-the-responsive-grid-generator
Ist hier https://github.com/erskinedesign/ed.gridpak noch als Archiv verfügbar.
Ich seh grad – http://app.responsify.it/ bietet das Umschalten per Auswahl „Mobile“, Tablet“ und „Desktop“…
Anscheinend gibt es die Seite nicht mehr – gibt es aktuell einen Generator, der Ähnliches bietet (inklusive Größenanpassungen per Maus“klick“)?
[…] Mithilfe des Blogartikels Gridpack – Responsive Grid Generator auf blog.kulturbanause.de bin ich auf ein neues Tool gestossen. Durch den Generator Gridpack lassen sich eigene Web-Layoutraster generieren, welche sich an verschiedene Bildschirmauflösungen anpassen. […]
@alex: soweit ich das sehe, kannst du alle werte frei verändern und sowohl px als auch prozentangaben verwenden
@JoLau: Soweit ich gesehen habe, kann man mit Gridpak nur in 20 Px-Abständen die Grids definieren. Von daher wäre es damit also nicht möglich, ein 978er Grid zu bauen. (Außer ich hab eine versteckte Option nicht nicht gefunden ;-))
Danke für den Tipp. Du hattest ja im letzten Artikel das 978.gs empfohlen. Was ist nun besser? Das 978.gs oder gridpak.com?
@JoLau: das kann man so nicht beantworten. Gridpak dient ja dazu selbst ein Raster zu entwickeln. 978Grid nimmt dir das ab indem 5 Raster vordefiniert wurden. Einfacher ist es daher wahrscheinlich mit Letzterem.