Revision 254: Progressively loaded CSS, Grunt 1.0

Published: March 4, 2016, 8:28 a.m.

Der w\xf6chentliche News-Podcast hat wieder mal Neuigkeiten! Nebenbei wird noch\n\xfcber progressives Laden von CSS Dateien philosophiert. Anselm, Hans, Schepp und\nStefan diesmal im Boot.\n\n\n[00:00:25] NEWS\n\nGRUNT 1.0 RELEASE CANDIDATE\n\nNein! Doch! Oh! Oder: Die H\xf6lle friert zu und Node kommt ohne Dependencies aus.\nGrunt 1.0.0. bringt das verwaiste Projekt auf den aktuellen Stand mit NPM, l\xf6st\neinige bekannte Bugs und ist ein wichtiger Schritt zur Reanimation des\nProjektes. Statt dem Big Bang gibt\u2019s jetzt die bekannte API gesichert und\nver\xf6ffentlicht.\n\nTOUCH ACTION CSS PROPERTY\n\nDie touch-action CSS Eigenschaft bekommt Browserreichweite. Hier gibt\u2019s\nInformationen dazu.\n\nTRANSITIONING FROM SPDY TO HTTP2\n\nChrome schmei\xdft in absehbarer Zeit SPDY raus. Hier gibt\u2019s Informationen f\xfcr\nLeute, die ihre Server noch damit betreiben.\n\n\nSCHAUNOTIZEN\n\n[00:04:10] THE FUTURE OF LOADING CSS\n\nJake Archibald beschreibt eine gravierende \xc4nderung in Chromes Lade- und\nRenderstrategie f\xfcr blockierende CSS Dateien. Diese \xc4nderung (die in Edge schon\nso umgesetzt wird) erlaubt, CSS auch an anderen Stellen als dem Head zu laden\nund so progressiv Stylesheets f\xfcr gewisse Bereiche der Website nachzuladen. Jake\nbelegt dies mit einem entsprechenden Demo und einigen Use Cases. Wir beleuchten\ndie Vor- und Nachteile und diskutieren \xfcber Properties wie lazyload und postpone\n\n\n[00:24:54] KEINE SCHAUNOTIZEN\n\nFINESSING FECOLORMATRIX\n\nUna beleuchtet SVG Filter Eigenschaften bis ins \xe4u\xdferste Detail.\n\nNEW WAYS TO MAKE YOUR WEB APP JANK WITH HOUDINI\n\nHoudini, eine Einf\xfchrung. Hier gibt\u2019s massiv Informationen und erste\nCode-Beispiele zum erweiterbaren CSS Standard.\n\nCREATING FUN AND IMMERSIVE AUDIO EXPERIENCES WITH WEB AUDIO\n\nDie Web Audio API kann viel. Hier findet man ein paar gute Beispiele und\nAnwendungsf\xe4lle.\n\nTHE FAB FOUR TECHNIQUE TO CREATE RESPONSIVE EMAILS WITHOUT MEDIA QUERIES\n\nEine sehr einfache, aber doch effektive Implementierung von Element Queries mit\ncalc, min-width und max-width .\n\nART DIRECTED RESPONSIVE IMAGES\n\nAutomatische Art Direction f\xfcr responsive Images? Hier.