Revision 71: Error.stack, Physical Units & DOM Mutation Observers

Zur aktuellen Sendung fanden sich der Schepp, Kahlil und Hans ein, um wie gewohnt die wichtigsten Neuerungen und Entdeckungen der Woche zu besprechen. SCHAUNOTIZEN [00:00:30] JAVASCRIPT-FEHLER SCHNELLER ANALYSIEREN MIT ERROR.STACK Das Internet Explorer Team vom Microsoft erläutert, wie man mit dem neuen Error-Objekt in JavaScript leichter debuggen kann. Viel besser als zum Beispiel mit console.log() kann man mit Error.stack eine komplette Stack-Trace des Fehlers bekommen, den man abgefangen hat. Ziemlich gut! [00:08:23] CSS KEYFRAME BASED JAVASCRIPT EVENTS Da JavaScript-Events für CSS Keyframe-Animationen irgendwie noch nicht so ausgereift sind, hat sich Ionuţ Staicu darüber Gedanken gemacht, wie man dem Zeit aktuellen Fortschritt einer Animation mit einem Event beschreiben kann. Mithilfe von requestAnimationFrame findet er eine Lösung. Wir grübeln allerdings noch über den exakten Einsatzbereich. [00:15:54] LET’S GET PHYSICAL (UNITS) Die aktuellen CSS-Einheiten wie em, px und % findet Boris Smus nicht ausreichend, um Styles für die verschiedenen Geräte der Gegenwart (Smartphones, Desktops, TVs…) zu schreiben. Deshalb plädiert er dafür eine tatsächliche physikalische Einheit einzuführen, die auch richtig funktioniert. Nicht so wie das im Moment mit mm, in und so weiter ist. [00:31:09] HITCH – STÄRKE AUSSAGEKRAFT DURCH BESSERES CSS IST DIE DEVISE Hitch ist eine JavaScript Library, die als “Postprocessor” agiert und das angegebene CSS um Pseudoklassen wie :has erweitert. Damit bekommen Stylesheets ungeahnte Funktionen, die man vielleicht gar nicht braucht. [00:42:46] DOM MUTATIONOBSERVER – AUF DOM-ÄNDERUNGEN REAGIEREN OHNE DIE PERFORMANCE ZU KILLEN Als Weiterentwicklung der Mutation Events sind die MutationObserver nun auch im Firefox gelandet. Wir sprechen darüber, wozu diese nützlich sein können und wie man sie aktuell einsetzen kann. [00:55:15] KEINE SCHAUNOTIZEN TOOLING & THE WEBAPP DEVELOPMENT STACK Auf der jQueryConf präsentierte Paul Irish, welche Tools wir als Web-devs zur Zeit zur Verfügung haben. Gute Zusammenstellung. APPLICATION CACHE IS A DOUCHEBAG Wie man mit dem Applikation fertig werden kann oder eben auch nicht, beschreibt Jake Archibald in seinem ALA-Artikel. HTML5 AUDIO — THE STATE OF PLAY Von der HTML5 Audio API hat man schon länger nichts mehr gehört. Hier der aktuelle Stand. GIVING THE VELOCITY WEBSITE A PERFORMANCE MAKEOVER Case Study zum Thema Performance Optimierung anhand der Website der Velocity-Konferenz. THE TOOLBOX Eine Sammlung an hilfreichen Apps und Tools aus dem Bereich der Webentwicklung, die man so gerne wieder vergisst. JQUERY VECTOR MAPS SVG-basierte Karten als jQuery Plugin. CSSARROWPLEASE Kleine Pfeile mit CSS Pseudo-Elementen kreieren und den Code dazu kopieren! JQUERY KNOB Interessantes jQuery Plugin, das Rädchen erzeugt, die aussehen, wie ein Volume-Wheel und dazu noch super für Touch-Devices geeignet sind. JQUERY.ISH jQuery.ish ist eine Micro-JS-Library, die ein paar wenige jQuery-Funktionen beinhaltet. Genau richtig in manchen Fällen. HOW TO SURVIVE A ROBOT UPRISING Wichtiger “Lehrfilm”, wie man einen Angriff von Robotern auf die Menschheit überlebt. Aufgrund der aktuellen Lage, bitte dringend ansehen!