Working Draft

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen

Unterstützung

Wir optimieren unser Audio mit Auphonic, wo ihr uns Processing-Time kaufen könnt! Alternativ findet Ihr uns auch auf Patreon:

Become a Patron!

Werben bei Working Draft!

Mit zwölfjähriger Geschichte und über 5.000 Downloads pro Folge ist Working Draft der etablierteste Podcast für Webentwickler im deutschsprachigen Raum. Wenn ihr neue Entwicklerkollegen sucht oder ein Produkt für Webentwickler anbietet, schreibt uns unter sponsoring@workingdraft.de.

Revision 80: X-Tag, Print Styles und IE-Basher bashen

18. Juli 2012 | 2 Kommentare

Scheppman, Hans, Rodney und Kahlil trafen sich dieses mal wieder, um in illustrer Runde so zu tun, als hätten Sie eine Ahnung von Webentwicklung und so.

[00:00:15] News

getUserMedia() ist in Firefox gelandet

Schaunotizen

[00:00:39] styles.max.css
Daniel Eden schlägt vor, das CSS generell auch dekomprimiert auf dem Server bereit zu halten, damit Anfänger davon lernen können.
[00:12:40] It’s time to stop blaming Internet Explorer
Den Nicholas C. Zakas ermüdet das ewige IE-Gebashe und wir stimmen in diesen Kanon mit ein.
[00:22:06] box-decoration-break in Anmarsch
So langsam kommt box-decoration-break in die Browser. Der Schepp und Rodney sinnieren über die Sinnhaftigkeit des Propertys.
[00:40:22] X-tag – reduce your html
Der Autor behilft sich mit JavaScript, um HTML-Code zu sparen. Wir sinnieren auch hier über die Sinnhaftigkeit dessen.

[00:49:48] Keine Schaunotizen

Moqup
Mockups mit HTML5.
Avoiding Faux Weights And Styles With Google Web Fonts
Ein Artikel über die richtige Einbindung von Google Web Fonts.
CSS Parser
Ein CSS Parser aus JavaScript.
DailyJS: JS101: The Function Constructor
DailyJS erzählt Euch mal was über den Function Constructor.
JSConf.US 2012 Videos
Die Vorträge von JSConf.US

Revision 77: Do not Track, IHK-Petition und Web Components

27. Juni 2012 | 3 Kommentare

Überraschung: Sowohl Schepp als auch Peter waren zur Abwechlsung mal wieder an Bord. Der ewige Rod vertrat Hans und Kahlil.

[00:00:22] News

It’s Official, CSS Media Queries Are a Web Standard
CSS3 Media Queries sind eine fertige W3C Recommendation

Schaunotizen

[00:00:55] The Sabotage of Do Not Track
Kommt er oder kommt er nicht, der Do-Not-Track-Header? Und wenn ja, wie? Seit der Microsoft-Ankündigung, den IE10 per Default DNT:1 schicken zu lassen regt sich Widerstand bei den Werbenetzwerken. Ohne irgendwelche Gesetzgebung, als reiner Webstandard, wird es wohl schwer für Do Not Track …
[00:18:30] I Want a DAMNodeInserted Event
Epischer Hack implementiert einen primitiven DOM-Observer für Insertions, quasi als Teil-Polyfill für die in Revision 71 schon besprochenen DOM Mutation Observers. Der Trick ist zwar recht abgefahren, für Dinge wie accessifyhtml5.js aber sicher von Wert (falls man nicht gerade jQuery verwendet und die entsprechenden Hooks benutzt).
[00:29:05] X-Tag – Web Components Workshop und Working with CSS Regions and Shadow DOM
Präsentation eines Polyfills für Web Components (ihr wisst schon, Shadow DOM und so) und ein Adobe-Artikel zur Kombination von Shadow DOM und CSS3 Regions.
[00:42:35] Der IHK-Zwang muss abgeschafft werden
Vladimir Simovic erklärt uns warum der IHK-Zwang in die Tonne getreten gehört. Wir gehen d’accord und fordern zum Unterzeichnen der dazugehörigen Petition auf.

[00:57:05] Keine Schaunotizen

reFiddle
JSFiddle für Regex.
Asynchronous programming and continuation-passing style in JavaScript
Der Doktor erleuchtet uns über asynchrones JS.
DailyJS #js101
Artikel für JavaScript-Einsteiger.
Grunt plugins published to Npm
Damit man nicht mehr selbst Tasks bauen muss.
pageguide.js
An interactive guide for web page elements using jQuery and CSS3.
10 things you didn’t know JavaScript could do
Von @asciidisco.
Cool URIs don’t change
Steinalt, aber immer noch relevant und richtig.
Shumway & bikeshed.js
Flash-Interpreter in JS.
CSS generated content and screen readers
Die lesen das Zeug vor!
Skrollr
Scrolling-Library ohne Dependencies.

Revision 72: SASS vs. LESS & Googlebot vs. JavaScript

22. Mai 2012 | 5 Kommentare

Die Stammbesatzung trat an und brauchte zum Sortieren der Themen länger als für die Aufnahme. Trotzdem ist noch einiges an Material übrig geblieben.

Schaunotizen

[00:00:22] SASS versus LESS
Chris Coyier vergleicht SASS mit LESS und kürt ersteres zum Gewinner. Für rechten Widerspruch reicht es bei uns nicht, da wir SASS in Kombination mit Compass und CodeKit auch nicht so ganz schlecht finden. Die etwas nerdigere Fraktion findet aber auch die Kombination Stylus + Nib + Grunt ganz gut. Naja, jeder wie er will :)
[00:22:00] Media Queries Level 4
CSS4 ist im Anmarsch und die neuen Media Queries führen neben einem Script-Detektor auch ein Feature ein, mit dem man herausfinden kann, ob ein Gerät so etwas wie ein „Mousover“ (d.h. die Hover-Pseudoklasse) überhaupt leisten kann. Ob ein Gerät einen Tochscreen hat, kann man zwar schon mit proprietären Mitteln herausfinden, aber ein Touchscreen muss Mouseover-Funktionalität ja nicht zwingend ausschließen.
[00:27:57] Google Bot now crawls arbitrary Javascript sites
Wir sind uns überhaupt nicht einig, ob das nicht schon alter Käse ist und ob man aus dieser Entdeckung irgend etwas für die tägliche Arbeit ableiten sollte. Was meint ihr?
[00:41:20] Google Chrome Canary: webkitdirectory attribute walkthrough
Addy Osmani erklärt, wie man aus der HTML5 File API, einem neuen HTML-Attribut und etwas Trickserei etwas backen kann, dass Drag & Drop von ganzen Verzeichnissen in Webapps ermöglicht.

[00:47:55] Keine Schaunotizen

SpahQL
Query-Sprache für komplexe JavaScript-Objekte.
JSCheck-Tutorial
Einführung in ein neues Test-Framework von Douglas Crockford, das mit Zufalls-Inputs arbeitet.
Responsive Tables
Ein Ansatz für Responsive Tabellen.
Our Approach to Routing in Ember.js
Man kann es so oder so machen. Ember.js macht es so.
wysihtml5 – A better approach to rich text editing
Qualität aus dem Hause Xing.
How To Choose The Right Face For A Beautiful Body
Typoraphie-Tutorial.
GitHub for Windows
Nach dem Github-Client für Mac gibt es nun auch einen für Windows.

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

15. Mai 2012 | 13 Kommentare

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!

Revision 70: JS Styleguides, Barrierefreiheit & Web Intents

10. Mai 2012 | 1 Kommentar

Als Gast war diesmal wieder Frederic Hemberger am Start, der uns immer gerne mit seinem Fachwissen zur Seite steht.

Wir möchten auch noch einmal auf unseren Live-Stream und den IRC-Chat auf Freenode im Channel #workingdraft hinweisen. Wir sind immer montags ab 20 Uhr live, wenn nicht anders angekündigt. Die neusten Infos gibt’s immer auf Twitter und bei Google+.

Schaunotizen

[00:00:18] JavaScript Styleguides
Addy Osmani befasst sich mit Programmierrichtlinien in JavaScript. Er führt dabei idiomatic.js, den jQuery Core Style Guide und viele weitere Best Practices an, die wir diskutieren. Hans hat über seine persönlichen Richtlinien in HTML und CSS einen Post geschrieben.
Außerdem sprechen wir über Ben “Cowboy” Almans Blogpost zum Thema var-Deklarationen.
[00:19:00] Barrierefreiheit und die Beschwerdekultur im Internet
Domingos de Oliveira findet es schade, dass Accessibility-Experten sich aufregen, wenn Webseiten nicht perfekt zugänglich sind; sie sollten lieber mal die Dinge loben, die überhaupt gemacht werden. Marco Zehe gibt mit seinem MMT Talk einen guten Einblick, was es für Sehbehinderte Menschen bedeutet, Barrierefreiheit zu genießen.
[00:35:20] A Step for Open Sharing: AddThis Integrates Web Intents
Zum Thema Web Intents: Was ist das eigentlich? Und nutzt das jemand?
AddThis integriert Web Intents mit Fallback und schreibt darüber. Sieht vielversprechend aus!

[00:44:28] Keine Schaunotizen

Videos vom MMT29
So langsam gehen die Videos vom MMT 29 in Köln online. Hier findet ihr zum beispiel Peters.
The Web Platform: Browser Technologies
Schöne Übersicht über die einzelen Specs, Caniuse/MDN-Links, etc.
Die neue Git-Homepage
GitHub hat eine neue Präsentationswebseite mit Dokumentation für Git erstellt.
Node WebKit Agent
Die WebKit Developer-Tools für Node.
Backbone.js CRUD Application
Eine Single-Page CRUD Application mit Backbone.js und Twitter Bootstrap.
Bessere Performance mit element.classList
Mr. Paul Irish zeigt, wie man die Performance von bspw. Animationen mit element.classList drastisch verbessern kann.
Cross-Browser Fullscreen API
Sindre Sorhus hat einen Wrapper für die Fullscreen API gebaut, der auf allen browsern funktioniert, die die Fullscreen API supporten.
G+-Zirkelteiler mit nur JS-Menschen
Für alle, die noch nicht genug Leute eingekreist haben.

Revision 69: CSS Battle Royale – Opera <3 -webkit, Conditional CSS & Content-Choreographie

2. Mai 2012 | 5 Kommentare

Drei Themen, drei Buchstaben – CSS! Nur die Crew war wieder zu viert am Start.

Schaunotizen

[00:00:31] Opera implementiert -webkit-Präfixes
Zunächst passiert das nur im Mobile-Emulator, aber die Geist geht nicht mehr zurück in die Flasche – bald werden diverse Webkit-Präfixes auch in Opera funktionieren. Grund ist, dass viele Mobile-Webseiten nur auf Webkit optimiert werden, obwohl Opera in diesem Sektor einiges an Marktanteil hat. Das Webentwickler-Universum reagiert auf diese Meldung mit Shitstorms und Mimimi, doch wir sehen das eher entspannt.
[00:31:22] Conditional CSS
Jeremy Keith erfindet einen überaus komplizierten Nachbau für window.matchMedia und auf CSS-Tricks gibt es auch eine entsprechende Demo. Wozu das Ganze wenn es doch schon Polyfills gibt? Ein Vorteil ist, dass man mit Conditional CSS keine Media Queries mehr in Script und Style duplizieren muss, sondern alles aus CSS heraus steuern kann.
[00:43:18] Content Choreography in Responsive Web Design
Demo eines Responsive Designs, das auf normalen Bildschirmgrößen Floats und für kleine Maße Flexbox verwendet. Peter ist nicht sonderlich überzeugt davon, einfach vorauszusetzen, dass alle Geräte mit kleinen Bildschirm Flexbox (was nicht die stabilste Spezifikation ist) beherrschen und beschwört trollend die Geister von Vendor-Prefix-Gate 2.0. Schepp hingegen gefällt es.

[00:53:03] Keine Schaunotizen

idb.filesystem.js
Filesystem-API-Polyfill via Indexed DB.
Optimizing with the timeline panel
Wie man die Timeline in Web Inspector für Performanceforschung nutzt.
CSS background-attachment: local
Eins von diesen eher unbekannten CSS-Features erklärt und demonstriert.

Revision 68: Ein <dialog> aus scharfem Pink und Grunzern

30. April 2012 | 1 Kommentar

Mit Frederic Hemberger als hochkarätigem Ersatz für den ausgeflogenen Peter stürzten wir uns auf aktuelle und liegen gebliebene Themen.

Schaunotizen

[00:00:20] Kein Hot Pink mehr in der Boilerplate
HTML5 Boilerplate hatte lange Zeit Pink als Hintergrundfarbe für markierten Text eingesetzt, im Vertrauen darauf, dass Webentwickler clever genug sein würden, das bei Bedarf zu ändern. Drollige Vorstellung.
[00:08:14] Grunt
Grunt is a task-based command line build tool for JavaScript projects. Frederic übersetzt das für uns.
[00:18:17] <dialog>
Neue Elemente für HTML5? Immer wieder gerne!
[00:28:44] Mobile Testing
Wie testet man mobile? So geht das! Bleibt noch das leidige Problem mit dem Download unnötiger Ressourcen, doch auch da gibt es ja Ansätze.
[00:43:05] jQuery – The Little Things
Rodney Rehm in Hochform erklärt und demonstriert den Unterschied zwischen „It works“ und gutem Code.

[00:49:34] Keine Schaunotizen

Uberspace-Videotutorial
Wie der beste Hoster der Welt funktioniert, erklärt in bewegten Bildern.
JavaScript Enlightment: Free PDF eBook
Verflucht sei die elende Kostenloskultur im Internet.
Miso Dataset
Clientseitige Datentransformation vom Fach.
BEM
Umdenken für das Frontend.
Modern Web Development, Part 1 – The Webkit Inspector
Auftakt einer Serie über die optimale Webdev-Toolchain.
dGrid
Grid-Komponente für Dojo.

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

1. April 2012 | 1 Kommentar

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.

Revision 60: Adobe Edge, Web Components & Informationsquellen

29. Februar 2012 | 9 Kommentare

Heute quatschen mal nur der Dirk Jesse, seines Zeichens YAML-Framework-Autor und CSS-Tüftler, und der Schepp über die Themen der Woche. Inklusive Epic Aufnahmefail.

Schaunotizen

[00:00:18] Adobe Edge Preview 4
Schepp erzählt von seinen Erkenntnissen zur aktuellen Preview 4 von Adobe Edge.
[00:10:49] Aktuelle Neuerungen in WebKit
CSS calc materialisiert sich in WebKit. Außerdem implementiert er als erster Browser Scoped Styles
[00:20:57] Web Components (+ Polyfill)
Die Web Components nehmen an Fahrt auf! Passend dazu hat Dimitri Glazkov einen Polyfill gebaut, der das Verhalten der Web Components nachbildet.
[00:33:30] Saving images and files in localStorage
Mozilla hat einen weiteren Artikel rund um die Verwendung von localStorage als Datei-Cache online gestellt. Wir ergänzen ihn mit unserem Erfahrungsschatz.
[00:41:56] Quellen von und Strategien zur Informationsbeschaffung
Passend zum „Brennpunkt Spezial“ der letzten Revision stellen wir die Frage, wie man sich all die Informationen zu aktuellen Entwicklungen beschafft, wie wir sie zum Beispiel wöchentlich für den Podcast recherchieren.
[01:07:36] Verlosung von 3 Karten für den MMT 29
Beide sind wir beim Multimediatreff 29 am 23./24.03.2012 in Köln, nochmals zum Thema „Webtechnologien“. Und für den Konferenztag am Samstag wollen wir gerne 3 Karten unters Volk bringen! Teilnehmen bei der Verlosung tut jeder, der in den Kommentaren eine tiefgründige und aktuelle Quelle für Webentwickler Infos nennt.

[01:08:40] Keine Schaunotizen

Whatfont Tool
Chrome Erweiterung, mit der sich auf einer Seite verwendete Schriftarten herauslesen lassen.
Overthrow: An overflow polyfill for responsive design
Overthrow ist ein Mobilgeräte-Polyfill für overflow: auto; -webkit-overflow-scrolling: touch;
Android Measuring Stick
Dieser Artikel versucht mit Methodik, Licht ins Dunkel der Marktpenetrierung verschiedener Android-Versionen zu bringen. Mit Erfolg.
Chaplin
Chaplin zeigt exemplarisch eine mögliche Nutzungsweise von backbone.js für komplexe Webapps.
HTML5 Game Dev News
Ein Portal voller interessanter aggregierter Artikel rund ums Thema HTML5 Spieleentwicklung.

Revision 57: IDBExplorer, Gradient Syntax & Wrap.js

9. Februar 2012 | 1 Kommentar

Da eine leere Themenliste mit vollen Todo-Listen der gesamten Teams korrelierte, ließen Schepp, Hans, Kahlil und Peter eine Woche ausfallen, nur dann umso nerdiger zuzuschlagen.

Schaunotizen

[00:00:16] IE10 Compat Inspector
Falls ihr Sorge hat, dass eure IE9-optimierte Webseite nicht im IE10 funktionieren könnte, hilft euch dieses Migrations-Tool. Jup, das ist genau so nötig wie ihr euch jetzt gerade denkt.
[00:05:50] IDBExplorer
Ein paar Microsoft-Programmierer haben das UI-Design-Team deportiert und dann heimlich ein Interface für Indexed Database gebaut. Das sieht zwar selbst nach den Maßstäben eines DB-Interfaces grauslig aus, aber wir unterstellen mal, dass es funktioniert und honorieren den guten Willen. Wer IndexedDB tatsächlich benutzen möchte, dem sei der IDBWrapper zwecks Browservereinheitlichung empfohlen.
[00:10:55] Pik6
Ein weiteres HTML5-Präsentationsframework. Gähn! Allerdings hat dieses Exemplar zwei Vorteile: es stammt aus der Feder von Peter und als ob das noch nicht überzeugend genug wäre, bietet es obendrein noch einen Presenter Mode!
[00:17:07] Wieder eine neue Gradient-Syntax! WTF?
Nachdem ich sich alle Browser auf eine einheitliche Syntax für CSS3-Farbverläufe geeinigt haben kommt nun das W3C daher und spezifiziert nochmal Neuerungen. Die finden wir zwar im Prinzip gut, aber ganz ehrlich… muss das sein?
[00:29:20] Jekyll Bootstrap
Wem WordPress nicht nerdig genug ist, der bloggt mit Jekyll, das aus einfachem Text mundgerechtes HTML produziert. Jekyll Bootstrap ist ein Framework, das den Weg zum nerdigen Blog etwas ebnet, Motto: Zero to Hosted Jekyll Blog in 3 Minutes. Wer sein CMS zwar auch gerne klein, aber nicht so nerdig haben mag, dem empfehlen wir Kirby.
[00:42:53] Wrap.js
Ein Wrapper, der herkömmlichen JS-Code im Autopiloten-Modus in AMD-Module verwandelt. Nützlich für Dependency Management.

[00:46:45] Keine Schaunotizen

PolyClip
Alphakanäle für JPGs? Kein Problem mit polyclip.js und etwas HTML5-Magie.
Hogan.js
Eine JavaScript-Templatingengine aus dem Hause Twitter, die durch ihre Geschwindigkeit überzeugt.