Revision 24: Silbentrennung, Semikola und Reward.js

SCHAUNOTIZEN [00:00:28] SILBENTRENNUNG LANDET IM FIREFOX Wir reden darüber, warum es höchste Zeit und vor allem unabdingbar ist, dass unsere Browser Silbentrennung lernen, auch wenn es Krücken wie den Hyphenator gibt. Im Firefox (Nightly) nun anwendbar per -moz-hyphens:auto-Anweisung auf dem silbenzutrennenden Text. [00:07:06] NEUERUNGEN IN JQUERY 1.6 Die neue jQuery-Version (übrigens eine der letzten mit John Resig im Team), beherrscht einige schöne Neuerungen wie die Nutzung von requestAnimationFrame und die Bereitstellung der holdReady-Methode. Es wurde jedoch auch die Funktionalität der bisherigen attr-Methode verändert und Aufgaben an die neue prop-Methode abgegeben. Das kann beim einem simplen Auswechseln der Basis-Bibliothek zu einigen Problemen führen. [00:11:32] JQUERY.COM USES ONLY 34% OF JQUERY Michael Bolin, ein Google Closure Tools Spezialist, hat mit Hilfe eines selbsterstellten Firefox-Addons namens jsBloat herausgefunden, dass in den meisten Fällen bestenfalls ein Drittel des in jQuery enthaltenen Codes zur Ausführung kommt. Die restlichen zwei Drittel könnten ohne Auswirkungen entfernt werden. Ungenutze Code-Teile kann man mit dem Advanced mode des Google Closure Compilers Herausoptimieren lassen. [00:19:06] JAVASCRIPT SEMICOLON INSERTION – EVERYTHING YOU NEED TO KNOW Dieser Artikel zeigt, dass man in JavaScript (respektive ECMAScript) eigentlich fast überall die Semikola weglassen könnte, so man denn bestimmte Dinge beachtet. Wir reden darüber, ob wir das sinnvoll finden. [00:26:20] TRACEUR-COMPILER – GOOGLE’S VEHICLE FOR JAVASCRIPT LANGUAGE DESIGN EXPERIMENTATION Traceur ist ein JavaScript-Transpiler, der es heute schon erlaubt, mit dem JavaScript von morgen, nämlich JS.next, herumzuspielen. Der Transpiler wandelt den JS.next Code in heute verfügbares JS um. Sinn und Zweck der Sache ist dass Entwickler frühzeitig Input und Feedback aus der Praxis zum gerade entstehenden JS.next-Standard zurückliefern können. [00:37:16] REWARDJS Bei RewardJS handelt es sich ausnahmsweise mal nicht um eine JavaScript-Bibliothek, sondern um ein Belohnungssystem für JavaScript-Entwickler, die Bugs in gebräuchlichen Bibliotheken reparieren. Dazu wird jeden Monat eine neue Kampagne lanciert, die sich ausschließlich um eine bugbehaftete Bibliothek dreht. Täglich, wöchentlich und monatlich werden dann Sachpreise für fleissige Crowdsourcer ausgelobt. [00:42:59] MEASURE PAGE LOAD TIME WITH SITE SPEED ANALYTICS REPORT Google erweitert sein Analytics Tracking um die Fähigkeit, Ladezeiten mitzutracken. Das neue Feature ist jedoch nicht von Haus aus aktiv, sondern muss explizit per _gaq.push(['_trackPageLoadTime']); angeschmissen werden. Von da an misst es bei stichprobenartig ausgewählten Besuchern die Seitenladezeit mit Hilfe der W3C Navigation Timing API in IE9 und Chrome, respektive der Google Toolbar in den anderen Browsern. Die Daten lassen sich anschließend in Zusammenhang setzen mit den bekannten Filtermöglichkeiten wie „Welche Unterseite, Browser, Geolocation, etc.“ Wem Google Analytics nicht liegt, der kann zu diesem Zweck auch auf Yahoo! Boomerang zurückgreifen. KEINE SCHAUNOTIZEN [00:49:33] MICROJS Ein Verzeichnis von JavaScript Microframeworks für jeden Einsatzzweck. [00:50:10] CSS PIFFLE Ein schön gemachtes CSS3-Autorenwerkzeug. [00:50:45] HTML EMAIL BOILERPLATE Eine hervorragende HTML/CSS-Code-Basis für den vollkommen verminten Bereich des Cross-Client-kompatiblen HTML-Newsletter-Baus. [00:51:35] HUMANS.TXT Analog zur robots.txt soll eine humans.txt als gute Gepflogenheit beim Webseitenbau etabliert werden. Der Zweck dieser Datei ist derselbe wie die Abspänne bei Filmen: Die Mitarbeit jedes Beteiligten nebst Nennung seines Arbeitbereichs ausweisen. Selbst Google nutzt mittlerweile eine humans.txt [00:52:33] 70+ BEISPIELE FÜR MOBILE WEBSITES Tilman Ockert hat eine sehr inspirierende Sammlung für mobile Endgeräte optimierter Benutzeroberflächen zusammengestellt. Es handelt sich dabei sowohl um Apps als auch Websites. Wir sind geflasht!