Revision 173: Neues aus der Zukunft

What this episode covers

Da die Themenliste nach dem Ausmisten diesmal etwas dünn ausfiel, besprachen Schepp, Anselm und Peter einfach drei neue Features in Chrome 36, der jüngst den Beta-Status erreicht hat. SCHAUNOTIZEN [00:00:35] ELEMENT.ANIMATE() JavaScript-Animationen steigen aus den Gräbern empor – allerdings in einer mit der CSS-Animations-Engine verzahnten und daher sehr performanten Form. Wer performante JS-Animationen schon heute haben will kann entweder auf einen Polyfill oder die Library VelocityJS zurückgreifen. Jake Archibald hat die Details zu der neuen Animations-API mal im Smashing Magazine aufgeschrieben [00:07:46] HTML IMPORTS Klingt wie include() aus PHP, ist aber besser! HTML Imports laden und parsen HTML-Dokumente, die für JS als Document-Objekt bereitgestellt werden. Das Ganze funktioniert auch mit CORS, hat ein async-Attribut und kann via Vulcanize optimiert werden. Peter erklärt die JS-API und Use Cases für HTML Imports, während sich Schepp wehmütig an glorreiche Tage mit XSLT zurückerinnert. [00:17:28] OBJECT.OBSERVE() Während DOM Mutation Observers das DOM auf Änderungen überwachen (siehe Revision 148), achtet Object.observe() auf alle Arten von JS-Objekten (und Array.observe() auf Arrays). Wichtig ist das vor allem für die Data-Binding-Funktionalität in modernen MVC-Frameworks. Nachdem wir den fälligen Polyfill erwähnt haben, schweifen wir etwas ab und reden auch noch über HTC-Dateien im alten IE, CSS Expressions im alten IE und Polymer (für alles außer dem alten IE) [00:34:30] KEINE SCHAUNOTIZEN EMPIREJS Konferenztalks auf Youtube. COMPRESSOR HEAD Datenkompression als solche anschaulich als Video erklärt. FLUXXOR Facebooks M und C für die Kombination mit der View-Engine React. PERFORMANCE BUDGET WITH GRUNT Ein Grunt-Task, der motzt, wenn man langsame Webseiten baut. SCRIPT-INJECTED „ASYNC SCRIPTS“ CONSIDERED HARMFUL Ein subtiles Detail über dynamisch eingefügte Scripts.

Distinct summary based on available episode metadata or transcript content.