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

Published: May 15, 2012, 11:31 p.m.

b'Zur aktuellen Sendung fanden sich der Schepp, Kahlil und Hans ein, um wie\\ngewohnt die wichtigsten Neuerungen und Entdeckungen der Woche zu besprechen.\\n\\n\\nSCHAUNOTIZEN\\n\\n[00:00:30] JAVASCRIPT-FEHLER SCHNELLER ANALYSIEREN MIT ERROR.STACK\\n\\nDas Internet Explorer Team vom Microsoft erl\\xe4utert, wie man mit dem neuen\\nError-Objekt in JavaScript leichter debuggen kann. Viel besser als zum Beispiel\\nmit console.log() kann man mit Error.stack eine komplette Stack-Trace des\\nFehlers bekommen, den man abgefangen hat. Ziemlich gut!\\n\\n[00:08:23] CSS KEYFRAME BASED JAVASCRIPT EVENTS\\n\\nDa JavaScript-Events f\\xfcr CSS Keyframe-Animationen irgendwie noch nicht so\\nausgereift sind, hat sich Ionu\\u0163 Staicu dar\\xfcber Gedanken gemacht, wie man dem\\nZeit aktuellen Fortschritt einer Animation mit einem Event beschreiben kann.\\nMithilfe von requestAnimationFrame findet er eine L\\xf6sung. Wir gr\\xfcbeln allerdings\\nnoch \\xfcber den exakten Einsatzbereich.\\n\\n[00:15:54] LET\\u2019S GET PHYSICAL (UNITS)\\n\\nDie aktuellen CSS-Einheiten wie em, px und % findet Boris Smus nicht\\nausreichend, um Styles f\\xfcr die verschiedenen Ger\\xe4te der Gegenwart (Smartphones,\\nDesktops, TVs\\u2026) zu schreiben. Deshalb pl\\xe4diert er daf\\xfcr eine tats\\xe4chliche\\nphysikalische Einheit einzuf\\xfchren, die auch richtig funktioniert. Nicht so wie\\ndas im Moment mit mm, in und so weiter ist.\\n\\n[00:31:09] HITCH \\u2013 ST\\xc4RKE AUSSAGEKRAFT DURCH BESSERES CSS IST DIE DEVISE\\n\\nHitch ist eine JavaScript Library, die als \\u201cPostprocessor\\u201d agiert und das\\nangegebene CSS um Pseudoklassen wie :has erweitert. Damit bekommen Stylesheets\\nungeahnte Funktionen, die man vielleicht gar nicht braucht.\\n\\n[00:42:46] DOM MUTATIONOBSERVER \\u2013 AUF DOM-\\xc4NDERUNGEN REAGIEREN OHNE DIE\\nPERFORMANCE ZU KILLEN\\n\\nAls Weiterentwicklung der Mutation Events sind die MutationObserver nun auch im\\nFirefox gelandet. Wir sprechen dar\\xfcber, wozu diese n\\xfctzlich sein k\\xf6nnen und wie\\nman sie aktuell einsetzen kann.\\n\\n\\n[00:55:15] KEINE SCHAUNOTIZEN\\n\\nTOOLING & THE WEBAPP DEVELOPMENT STACK\\n\\nAuf der jQueryConf pr\\xe4sentierte Paul Irish, welche Tools wir als Web-devs zur\\nZeit zur Verf\\xfcgung haben. Gute Zusammenstellung.\\n\\nAPPLICATION CACHE IS A DOUCHEBAG\\n\\nWie man mit dem Applikation fertig werden kann oder eben auch nicht, beschreibt\\nJake Archibald in seinem ALA-Artikel.\\n\\nHTML5 AUDIO \\u2014 THE STATE OF PLAY\\n\\nVon der HTML5 Audio API hat man schon l\\xe4nger nichts mehr geh\\xf6rt. Hier der\\naktuelle Stand.\\n\\nGIVING THE VELOCITY WEBSITE A PERFORMANCE MAKEOVER\\n\\nCase Study zum Thema Performance Optimierung anhand der Website der\\nVelocity-Konferenz.\\n\\nTHE TOOLBOX\\n\\nEine Sammlung an hilfreichen Apps und Tools aus dem Bereich der Webentwicklung,\\ndie man so gerne wieder vergisst.\\n\\nJQUERY VECTOR MAPS\\n\\nSVG-basierte Karten als jQuery Plugin.\\n\\nCSSARROWPLEASE\\n\\nKleine Pfeile mit CSS Pseudo-Elementen kreieren und den Code dazu kopieren!\\n\\nJQUERY KNOB\\n\\nInteressantes jQuery Plugin, das R\\xe4dchen erzeugt, die aussehen, wie ein\\nVolume-Wheel und dazu noch super f\\xfcr Touch-Devices geeignet sind.\\n\\nJQUERY.ISH\\n\\njQuery.ish ist eine Micro-JS-Library, die ein paar wenige jQuery-Funktionen\\nbeinhaltet. Genau richtig in manchen F\\xe4llen.\\n\\nHOW TO SURVIVE A ROBOT UPRISING\\n\\nWichtiger \\u201cLehrfilm\\u201d, wie man einen Angriff von Robotern auf die Menschheit\\n\\xfcberlebt. Aufgrund der aktuellen Lage, bitte dringend ansehen!'