Revision 294: CSS Grids

Published: March 22, 2017, 8:02 a.m.

b'F\\xfcr diese Revision haben wir uns nach l\\xe4ngerer Zeit mal wieder den Sven\\nWolfermann eingeladen, den man des\\xf6fteren auf Konferenzen, Community-Events und\\nUnkonferenzen mit Vortr\\xe4gen zu fortgeschrittenen CSS-Techniken antreffen kann.\\nSelbiges gilt f\\xfcr sein Blog unter maddesigns.de. Denn wir wollten diese Woche\\ngerne \\xfcber die neuen CSS Grids sprechen, die jetzt nach und nach in den neuen\\nBrowsern freigeschaltet werden.\\n\\nBereits zum dritten Mal wird unser Podcast jetzt von Wire gesponsort, dem\\nsicheren Open Source Messaging Client f\\xfcr all eure Plattformen. Dank\\nverbesserter Technik verbindet sich der Messenger nun noch schneller mit der\\nGegenseite, und die \\xdcbertragungsqualit\\xe4t ist dabei auch noch gestiegen!\\n\\n\\n\\n\\nSCHAUNOTIZEN\\n\\n[00:02:28] CSS GRIDS\\n\\nLange wurde daran gearbeitet und wir hatten sie eigentlich schon letztes Jahr\\nerwartet, nun ist es endlich soweit: CSS Grids kommen! Mit Sven sprechen wir\\ndar\\xfcber, welche L\\xfccke die Grids f\\xfcllen und inwiefern sie vergleichbar sind mit\\nden guten alten Tabellenlayouts oder Flexbox. Weiter geht es mit der Frage des\\nBrowser-Supports, und ob der Internet Explorer mit seiner Vorversion von Grids\\ngut genug ist, um den praktischen Einsatz zu wagen. Die M\\xf6glichkeiten und\\nVorz\\xfcge von Grids machen einige Demos deutlich, die man mal gesehen haben\\nsollte:\\n\\n\\n\\n * Grid by Example\\n * CSS Grid Article Layout\\n * Async CSS Grid Article Layout (5 columns)\\n * CSS Grids Panel\\n * CSS Grid Layout \\u2013 responsive gallery demo\\n * Websafe colors meet CSS Grid (auto-placement demo)\\n \\n * CSS grid layout \\u2013 skeleton demo steps\\n * The Experimental Layout Lab of Jen Simmons\\n\\nWer nach unserem Gespr\\xe4ch Lust bekommen hat, sich selbst mit den CSS Grids zu\\nbefassen, dem empfiehlt Sven folgendes Lernmaterial, um schnell in die Spur zu\\nkommen:\\n\\n * Grid by Example\\n * Basic concepts of grid layout\\n * CSS Reference: Grid\\n * CSS Grid Layout Examples\\n * Learn CSS Grid\\n\\nAbschlie\\xdfend blicken wir in die Zukunft und sprechen \\xfcber das Konzept der\\n\\u201eSubgrids\\u201e, das von vielen Entwicklern im Zuge der Grids-Entwicklung nachgefragt\\nwurde, und das in eine n\\xe4chste Ausbaustufe des Layoutstandards gewandert ist.\\n\\n\\n[00:43:57] KEINE SCHAUNOTIZEN\\n\\nANIMISTA\\n\\nEine Bibliothek von fix und fertigen CSS-Animationen\\n\\nSCRAM.JS\\n\\nEin Electron-basiertes Framework, das es erlaubt, mit Web Components\\nserverseitigen Code zu schreiben.'