Hilfsmittel für Responsive- bzw. Multi-Screen-Design schießen ja im Moment wie Pilze aus dem Boden. Ich zeigt euch hier so viele davon weil ich der Meinung bin, dass man nur dann das beste Tool finden kann wenn man auch eine Auswahl hat. Und abgesehen davon sind die Vorlieben und Anforderungen sehr individuell und man muss ganz einfach schauen welches Tool einem persönlich den Workflow am ehesten erleichtert.
Das 978 Grid System bietet ein flexibles Raster mit fünf vordefinierten Breakpoints. Mindestens genauso interessant sind jedoch die Browser-Statistiken die das Entwicklerteam als Grundlage für die sechs Breakpoint zu Rate gezogen hat.

Was leistet das 978 Grid System?

Das 978 Grid System bietet umfangreiche Downloads rund um die fünf festgelegten Media Queries (300px, 748px, 978px, 1218px, 1378px). Neben den erwarteten CSS-Dokumenten werden auch Photoshop-, Fireworks- oder OmniGraffle-Dokumente bereitgestellt.

Auf einer Unterseite des Projekts finden sich darüber hinaus interessante Browser-Statistiken. Für alle prominenten Browser und Betriebssysteme werden die Viewports (Breite und Höhe innerhalb des Browserfensters) aufgelistet. Auch der Falz wird berücksichtigt. Aus diesen Werten resultieren anschließend „sicherere“ Bereiche, die wiederum die Grundlage für die fünf Breakpoints des Rasters bilden

Geschrieben von Jonas

Benutzerbild

Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Xing

Feedback & Ergänzungen – 4 Kommentare

  1. Oliver
    schrieb am 02.04.2012 um 15:32 Uhr:

    Ich kenne 978.gs schon länger. Vor allem die Media Queries sind richtig gut gemacht. Ich habe daraus mein eigenes Grid gebaut, weil es mir zu vollgeladen war und ich eh nur Grids für moderne(re) Browser ab IE8 nutze.

    Antworten
  2. Marcos
    schrieb am 02.04.2012 um 11:06 Uhr:

    Wie Flowsen
    Mochte ich mich bedanken für das mit teilen von deine Infos :)
    Hätte ich auch fragen vielleicht könnte man so eine Art (Virtuelle) interview oder Fragebogen machen … (?)… nur eine Idee…
    Aber bei den Thema kapiert ich nicht so gut der unterschied zwischen Grid systeme und die auch bei dir (in Buch photoshop für web designer…ein wenig werbung muss sein) beschrieben „Full-single-website“… ok man hat eine „bestimmte“ große bei Grid aber sind die Linien „nur da “ um das alles mit die linien ausgerichtet werden sollten?? …den es funktioniert nur/auch mit anker links?
    Danke für die Neue 3 Artikel !

    Antworten
  3. Flowsen
    schrieb am 02.04.2012 um 09:49 Uhr:

    sehr nice, danke!

    Du stellst immer sooo viele Tools vor, machst dir auch viel arbeit damit.
    Aber mich würde mal interessieren welche du davon im praktischen Einsatz wirklich nutzt?

    Es sind ja ein haufen Werkzeuge, teilweise sind sie sich ähnlich, teilweise kommt es auf den Verwendungszweck an.

    Welche Tools sind bei dir häufiger in Verwendung und warum?

    Antworten
    • Jonas Hellwig
      schrieb am 02.04.2012 um 11:30 Uhr:

      @Flowsen: Ich selbst benutze meist GridCalculator, SpriteCow und ImageOptim. Aber das wechselt hin und wieder und ich kann mich auch nicht davon frei machen auf manchem Tool kleben geblieben zu sein, obwohl ich weiß, dass ein anderes Tool manches besser kann. Routine halt.

      Antworten

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Design-Projekte mit kulturbanause

Unsere Leinwand ist der Browser und wir beschäftigen uns seit 2010 intensiv mit dem Thema Responsive Design. Wir realisieren flexible Web-Layouts und modulare Design Systeme.

Responsive Webdesign-Leistungsangebot →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →