Revision 64: Source Maps, Event Capturing & beyond tellerrand – play

What this episode covers

Zur Revision 64 haben wir uns Marc Thiele eingeladen, der zusammen mit dem Schepp, Kahlil und Hans über seine Konferenzen und seine Musik spricht. Zunächst haben wir uns aber dem Tagesgeschäft gewidmet. Hier sind die Themen: SCHAUNOTIZEN [00:02:42] INTRODUCTION TO JAVASCRIPT SOURCE MAPS Source Maps helfen beim Debuggen von minimierten und konkatenierten JavaScripts. Sie zeigen uns Entwicklern den weg zu unserem ursprünglichen Fehler im entpackten Code. Seit einigen Tagen sind die Source Maps nun im Chrome Canary verfügbar. Support von Meta-Sprachen, wie CoffeeScript oder auch SASS ist in Planung und wird das Debuggen in Zukunft noch leichter machen. [00:10:50] USING EVENT CAPTURING TO IMPROVE BASECAMP PAGE LOAD TIMES Normalerweise hört man in JavaScript auf Events, in dem man das Bubbeling von Events nutzt. Die smarten Jungs von Basecamp haben festgestellt, dass man viel schneller auf Nutzereingaben reagieren kann, wenn man das Capturing nutzt, welches direkt vor dem Bubbeling passiert. Der Vorteil dabei ist, dass man während des Bubbelings schon auf das im Capturing festgelegte Verhalten reagieren kann. Die angesprochene Bibliothek von Steve Souders heisst ControlJS. [00:18:14] ABOUT HTML SEMANTICS AND FRONT-END ARCHITECTURE Nicolas Gallagher beschreibt wie er Klassen im CSS vergibt und auf was er achtet, um die Übersichtlichkeit zu wahren. Dabei beschreibt er, dass Klassen nicht unbedingt semantisch sein müssen. Seine Ausführungen spiegeln die Gedanken aus OOCSS und SMACSS wieder. In diesem Zusammenhang [00:32:43] [CSS4-IMAGES] THE IMAGE-SET() FUNCTION (FOR RESPONSIVE IMAGES) Monatelang diskutieren schlaue Leute darüber, wie man mit Bildern auf verschiedenen Geräten und Bildschirmgrößen umgehen soll. Sogar ein neues HTML-Element hat man sich überlegt. Apple macht nun einigen eigenen Vorschlag, wie man dieses Problem lösen kann und implementiert es gleich mal in Webkit. Aber reicht das wirklich oder brauchen wir doch noch mehr Hilfsmittel, mit denen wir die Geschwindigkeit der Internetverbindung prüfen können? [00:43:21] BEYOND TELLERRAND – PLAY Mit Marc sprechen wir über die beyond tellerrand – play und die angekündigte Smashing Conf. Dabei erklärt er uns, wie es eigentlich dazu kam, dass er diese Konferenzen organisiert und wieso die beyond tellerrand so günstig ist. Für die beyond tellerrand – play sucht Marc noch ein paar Helfer. Schreibt ihm am besten einfach eine E-Mail oder haut ihn auf Twitter an. [01:05:27] KEINE SCHAUNOTIZEN HAMMER.JS – A JAVASCRIPT LIBRARY FOR MULTI-TOUCH GESTURES Multi-Touch-Gesten-Erkennung leicht gemacht mit Hammer.js. CSS GRADIENT EDITOR Gradients wie in der Patterns Gallery selbst bauen. LOVE HOTELS AND UNICODE Über die Weiterentwicklung des UTF-Zeichensatzes. JSVG – AN ATTEMPT TO BRING SIMPLE SVG ASSET MANAGEMENT INTO MODERN BROWSERS Ein Packer für SVG – weniger HTTP-Requests ist das Ziel ALICEJS – A LIGHTWEIGHT INDEPENDENT CSS ENGINE Von Blackberry entwickelte JS-Library, die das Nutzen von Hardwarebeschleunigung vor allem für CSS3 erleichtern soll. BACKLIFT Mit Backlift Backbone.js Anwendungen entwickeln, verwalten und hosten. Deployment mit nur drei Zeilen auf der Konsole. SWAGGER Swagger ist ein Dokumentationsframework für RESTful APIs. BROWSERQUEST – A MASSIVELY MULTIPLAYER HTML5 (WEBSOCKET + CANVAS) GAME EXPERIMENT Ein realtime Browsergame auf HTML5-Basis.