CSS Grid Layout – Fundstücke im Web

Habe gerade im Internet eine sehr gute Webseite zum Thema CSS Grid Layout gefunden und habe daher hier im Blog einen neue Kategorie erstellt. In der Kategorie “Fundstücke im Web” werde ich nun gelegentlich Webseiten posten, die es mir Wert sind, mal ein paar Worte darüber zu verlieren. Vorschläge sind immer willkommen.

Die Seite die mich zu diesem Schritt inspiriert hat ist http://dev.w3.org/csswg/css3-grid-align/. Es handelt sich hierbei um einen unglaublich guten Artikel zum Thema CSS Grid Layout, den jeder mal gelesen haben sollte, der professionelles CSS Layout macht. Der Artikel ist speziell auf die Zielgruppe der Anwendungsentwickler von Web-Anwendungen ausgerichtet und zeigt anhand von vielen coolen Beispielen, wie man ein Grid Layout dazu verwenden kann, viele unterschiedliche Layouts zu erstellen.

Genauso, wie man es in den 90′ern mit Tabellen gemacht hat, ermöglicht das CSS Grid Layout einem Autor die Elemente einer Webseite anhand eines Grids auszurichten. Im Gegensatz zu Tabellen wird hier durch die Struktur des Grids aber eine Vielzahl von Layouts ermöglicht.

Fazit:
Erst lesen: http://dev.w3.org/csswg/css3-grid-align/ dann ein CSS Grid Layout erstellen. :-)

Michael Jentsch

Michael Jentsch arbeitet seit 2006 bei der Itellium Services GmbH als Entwickler und Software Architekt. Er ist spezialisiert auf Java basierte Web-Applikationen und E-Commerce. Neben dem Beruf interessiert er sich auch für Suchmaschinenoptimierung und ist engagiert in vielen Open Source Projekten im Web Umfeld. Sie erreichen ihn per E-Mail unter [email protected].

More Posts

Comments

  1. Eva says:

    Gute Idee für eine neue Kategorie. Man findet ja doch immer mal paar interessante Sachen, die man schlecht in irgendeine andere Sparte stecken kann, weil’s vielleicht nicht so zu den bereits vorhandenen Artikeln passt, die aber trotzdem lesenswert sind.
    Das im speziellen ist jetzt nicht so spannend für mich, aber man kann ja nicht immer jedes Interesse treffen.

    Dein Captcha ist übrigens gut versteckt ;)

  2. TS Naomi says:

    Das macht mich neugierig. Das CSS Grid Layout ist also auf unterschiedlichen Wegen anwendbar. Sehr gut, so habe ich viel Möglichkeiten des Layouts. Ich habe einen guten Freund, der sich damit beschäftigt, ihm zeige ich deinen Artikel.
    Danke!

  3. itchy says:

    An sich eine tolle Sache, doch ich werde wohl eine andere Quelle finden müssen da mein englisch nicht unbedingt das beste ist. Es sei den du kannst mir was auf Deutsch empfehlen.. Trotzdem danke!^^

    PS: hab das Captcha sofort gefunden ;)

  4. Ich plane gerade einen Relaunch meiner Website, der Tipp kommt mir gerade recht. Zwar arbeite ich schon viele Jahre mit CSS, habe mich aber vor Frameworks bisher gedrückt. Der Artikel ist wunderbar geschrieben und ich werde mir den Rest heute Abend durchlesen in der Bahn.

"));