Working Draft

By Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« SchaeferNews Technology Education How To Tech News

Working Draft episodes

November 03, 2011 Revision 45: H.264 in JS, jQuery Standards Team & OccupyHTML5!
Frostig war es draußen, und Vollmond womöglich auch, als sich Schepp mit Marc Hinse, aka @MadeMyDay, und Hans Reinl, aka @drublic und Frontendentwickler aus Freiburg, ans virtuelle Kaminfeuer setzte und mit ihnen zusammen die Woche revuepassieren ließ.
Schaunotizen
[00:00:50] Broadway: An H.264 Decoder in JavaScript Running at 30fps
Endlich hat jemand mit Emscripten einen H.264-Polyfill gebaut, und zwar auf Basis des quelloffenen Android C++ H.264-Decoders. Läuft derzeit nur in Firefox mit aktivierter Type Inference, aber es ist ein Schritt in die richtige Richtung! Auf GitHub liegt das Projekt, ein Video davon in Aktion gibt es auch.
[00:08:40] WHATWG Weekly: Now it’s for
Dem Hixie ging das -Element seit July volles Pfund auf die Eier. Also hat er es aus der WHATWG HTML5 Spec gekickt und als Ersatz das generische vorgeschlagen. Nun laufen alle Amok und betreiben #occupyhtml5. Eric Eggert hat die Fakten mal zusammengesammelt. Und Jeremy Keith hat das Ganze in Worte gekleidet.
[00:24:10] Announcing the jQuery Standards Team
Weil Spec-Editoren und Browserhersteller kaum weiter entfernt von der Webworker-Praxis sein könnten, Webworker aber bislang in den Gremien weder eine Lobby, noch brauchbaren Zugang zu den Entwicklungsprozessen hatten, haben sich die jQuery-Macher gedacht: „Das muss sich ändern!“ Mit „jQuery“ als Vehikel sollen von diesem Standards Team Vorschläge aus der Community gesammelt, destilliert und in die Gremien eingebracht werden. Jeder darf mitmachen!
[00:34:55] Displaying hidden elements like using CSS
In dieser Woche stolperten wir über dieses nicht ganz brandneue Thema, dass man ja auch Elemente aus dem HTML-Kopfbereich sichtbar und sich zunutze machen kann. Möglicherweise brotlose Kunst, aber geil!
[00:49:44] Umatchedstyle CSSOff
CSSOff ist ein mit großem Trommelwirbel angekündigter CSS-Wettbewerb. Da wir uns alle Drei dafür angemeldet haben, tauschen wir uns darüber natürlich aus.
[01:12:05] Keine Schaunotizen
The Node Toolbox
AaaLLE Node.js-Erweiterungen, die es überhaupt gibt. In einem sortierten Katalog. Na gut, vielleicht nicht alle. Aber fast.
Vimeo Musicstore
Vimeo vertreibt seit dieser Woche kostenlos nutzbare, wie auch gegen einen kleinen Obulus nutzbare Musiktracks zum Hinterlegen von Video oder (CSS-)Animationen.
Useful Coding Tools and JavaScript Libraries For Web Developers
Wieder mal ein umfassender Rundumschlag durch die Welt der neuen Webservices und Tools für Webentwickler.
Animatable: A CSS transitions gallery
CSS-Guru-esse Lea Verou hat sich das Thema CSS Transitions vorgenommen und ein Showcase animierbarer Elementeigenschaften aufgesetzt.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 17 min
November 03, 2011 Revision 45: H.264 in JS, jQuery Standards Team & OccupyHTML5!
Frostig war es draußen, und Vollmond womöglich auch, als sich Schepp mit Marc Hinse, aka @MadeMyDay, und Hans Reinl, aka @drublic und Frontendentwickler aus Freiburg, ans virtuelle Kaminfeuer setzte und mit ihnen zusammen die Woche revuepassieren ließ.
Schaunotizen
[00:00:50] Broadway: An H.264 Decoder in JavaScript Running at 30fps
Endlich hat jemand mit Emscripten einen H.264-Polyfill gebaut, und zwar auf Basis des quelloffenen Android C++ H.264-Decoders. Läuft derzeit nur in Firefox mit aktivierter Type Inference, aber es ist ein Schritt in die richtige Richtung! Auf GitHub liegt das Projekt, ein Video davon in Aktion gibt es auch.
[00:08:40] WHATWG Weekly: Now it’s for
Dem Hixie ging das -Element seit July volles Pfund auf die Eier. Also hat er es aus der WHATWG HTML5 Spec gekickt und als Ersatz das generische vorgeschlagen. Nun laufen alle Amok und betreiben #occupyhtml5. Eric Eggert hat die Fakten mal zusammengesammelt. Und Jeremy Keith hat das Ganze in Worte gekleidet.
[00:24:10] Announcing the jQuery Standards Team
Weil Spec-Editoren und Browserhersteller kaum weiter entfernt von der Webworker-Praxis sein könnten, Webworker aber bislang in den Gremien weder eine Lobby, noch brauchbaren Zugang zu den Entwicklungsprozessen hatten, haben sich die jQuery-Macher gedacht: „Das muss sich ändern!“ Mit „jQuery“ als Vehikel sollen von diesem Standards Team Vorschläge aus der Community gesammelt, destilliert und in die Gremien eingebracht werden. Jeder darf mitmachen!
[00:34:55] Displaying hidden elements like using CSS
In dieser Woche stolperten wir über dieses nicht ganz brandneue Thema, dass man ja auch Elemente aus dem HTML-Kopfbereich sichtbar und sich zunutze machen kann. Möglicherweise brotlose Kunst, aber geil!
[00:49:44] Umatchedstyle CSSOff
CSSOff ist ein mit großem Trommelwirbel angekündigter CSS-Wettbewerb. Da wir uns alle Drei dafür angemeldet haben, tauschen wir uns darüber natürlich aus.
[01:12:05] Keine Schaunotizen
The Node Toolbox
AaaLLE Node.js-Erweiterungen, die es überhaupt gibt. In einem sortierten Katalog. Na gut, vielleicht nicht alle. Aber fast.
Vimeo Musicstore
Vimeo vertreibt seit dieser Woche kostenlos nutzbare, wie auch gegen einen kleinen Obulus nutzbare Musiktracks zum Hinterlegen von Video oder (CSS-)Animationen.
Useful Coding Tools and JavaScript Libraries For Web Developers
Wieder mal ein umfassender Rundumschlag durch die Welt der neuen Webservices und Tools für Webentwickler.
Animatable: A CSS transitions gallery
CSS-Guru-esse Lea Verou hat sich das Thema CSS Transitions vorgenommen und ein Showcase animierbarer Elementeigenschaften aufgesetzt.
1 hr 17 min
October 28, 2011 Revision 44: HTTP-Statuscodes, TYPO3 und ’n Echo, echo, cho, o….
Was wir lange wollten, haben wir diesmal geschafft: Den Sven Wolfermann, auch bekannt als @maddesigns aus der Nähe von Berlin endlich mal in unsere Sendung einzuladen. Leider ist uns in dem Zusammenhang die Tonqualität wieder mal etwas entglitten. Sorry dafür.
Schaunotizen
[00:00:00] Additional HTTP Status Codes
Die Internet Engineering Task Force hat sich überlegt, dass die Welt neue HTTP-Statuscodes braucht. Welche das sind und wofür die gut sind (oder auch nicht), darüber sinnieren wir.
[00:00:00] RequireJS 1.0 released
Wir schauen uns den JavaScript-Loader namens RequireJS anlässlich seines finalen Releases an und besprechen, welche Probleme es lösen soll und wie man es einsetzt.
[00:00:00] More fun using the Web, with getUserMedia and native pages!
Eine Labs-Version des Opera Browsers wartet mit Webcam- und Mikrozugriff, vor allem aber mit einer Teilimplementation des CSS Generated Content for Paged Media Modules auf. Dazu noch folgender Link: http://people.opera.com/howcome/2011/reader/index.html
[00:00:00] PimpMyJS
Ein Frontend für den JavaScript/Node.js-basierten JavaScript-Minifizierer und -Verschönerer UglifyJS, der übrigens auch in den Chrome Dev Tools steckt. Webservice hier: http://marijnhaverbeke.nl/uglifyjs
[00:00:00] TYPO3 4.6 Release Notes
TYPO3 4.6 ist erschienen und Sven erzählt uns, was es Neues kann!
[00:00:00] Keine Schaunotizen
CSS Term Poster (PDF)
Ein Cheatsheet mit den korrekten Bezeichnungen der CSS-Syntax-Elemente.
Animate.css
Eine Sammlung fertiger CSS Animationen als Drop-in-Lösung
CSS3 Mobile Pack for Adobe® Fireworks® CS5
Ein Exporter von Fireworks zu CSS3.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 2 min
October 27, 2011 Revision 44: HTTP-Statuscodes, TYPO3 und ’n Echo, echo, cho, o….
Was wir lange wollten, haben wir diesmal geschafft: Den Sven Wolfermann, auch bekannt als @maddesigns aus der Nähe von Berlin endlich mal in unsere Sendung einzuladen. Leider ist uns in dem Zusammenhang die Tonqualität wieder mal etwas entglitten. Sorry dafür.
Schaunotizen
[00:00:00] Additional HTTP Status Codes
Die Internet Engineering Task Force hat sich überlegt, dass die Welt neue HTTP-Statuscodes braucht. Welche das sind und wofür die gut sind (oder auch nicht), darüber sinnieren wir.
[00:00:00] RequireJS 1.0 released
Wir schauen uns den JavaScript-Loader namens RequireJS anlässlich seines finalen Releases an und besprechen, welche Probleme es lösen soll und wie man es einsetzt.
[00:00:00] More fun using the Web, with getUserMedia and native pages!
Eine Labs-Version des Opera Browsers wartet mit Webcam- und Mikrozugriff, vor allem aber mit einer Teilimplementation des CSS Generated Content for Paged Media Modules auf. Dazu noch folgender Link: http://people.opera.com/howcome/2011/reader/index.html
[00:00:00] PimpMyJS
Ein Frontend für den JavaScript/Node.js-basierten JavaScript-Minifizierer und -Verschönerer UglifyJS, der übrigens auch in den Chrome Dev Tools steckt. Webservice hier: http://marijnhaverbeke.nl/uglifyjs
[00:00:00] TYPO3 4.6 Release Notes
TYPO3 4.6 ist erschienen und Sven erzählt uns, was es Neues kann!
[00:00:00] Keine Schaunotizen
CSS Term Poster (PDF)
Ein Cheatsheet mit den korrekten Bezeichnungen der CSS-Syntax-Elemente.
Animate.css
Eine Sammlung fertiger CSS Animationen als Drop-in-Lösung
CSS3 Mobile Pack for Adobe® Fireworks® CS5
Ein Exporter von Fireworks zu CSS3.
1 min
October 20, 2011 Revision 43: Tripreports, CSS Image Values und Dart
Diesmal nur zu zweit, da Markus derzeit den Status „homeless“ und damit „wireless“ innehat.
Schaunotizen
[00:00:17] Fronteers 2011
Schepp war bei der diesjährigen Fronteers Konferenz in Amsterdam und erzählt, wie er es fand. Videos der Talks trudeln nach und nach auf Vimeo ein.
Web DevCon 2011
Peter hingegen war als Speaker auf der Web DevCon in Hamburg eingeladen, und fand sie nerdiger vor als gedacht. Seine Entdekung dort: Der Aloha Editor.
[00:24:36] Image Fallbacks and Annotations: the ‘image()’ notation
Auf der Fronteers präsentierte Tab Atkins Jr. Ideen der W3C CSS Working Group, und davon waren besonders interessant: Image Fallbacks and Annotations: the ‘image()’ notation, Using Elements as Images: the ‘element()’ function, Overriding Image Resolutions: the ‘image-resolution’ property und die Media Fragments.
[00:39:02] Die Syntax der linearen Verläufe hat sich geändert!
Anstatt wie bisher mit einem Richtungswort zu definieren, wo ein Verlauf startet, gibt es bald womöglich die Syntax „to“ + Richtungswort, die dann festlegt, wo er hinläuft. Wir fragen uns, was das für Konsequenzen auf bisherigen Code haben könnte.
[00:50:35] Dart: Structured Web Programming
Google hat nun endlich Dart vorgestellt. Und nicht nur Peter ist unterwältigt. Wofür könnte man Dart genau brauchen?
[01:07:03] 16 Pixels for Body Copy. Anything Less is a Costly Mistake
Wir nehmen diesen Artikel zum Anlass, uns hinsichtlich Schriftgrößen auf Webseiten auszutauschen. Der Artikel meint: Minimum 16 Pixel! Gerne mehr.
[01:14:10] Keine Schaunotizen
The JavaScript Show
Sehr netter, wöchentlich erscheinender Podcast, in dem Peter Cooper und Jason Seifer neueste Funde in Sachen JavaScript präsentieren.
Incredibly Useful CSS Snippets
Nur die besten CSS-Code-Snippets liegen auf dieser Seite bereit, um von Euch per Copy & Paste geräubert zu werden. Das ist 1A Ware!
HTML Component Model & the Shadow DOM
Ein Umfassender Artikel Jake Archibalds rund um die Web Components und das Shadow DOM, mit denen sich in Zukunft neue, fehlende HTML-Elemente definieren und erzeugen lassen.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 17 min
October 20, 2011 Revision 43: Tripreports, CSS Image Values und Dart
Diesmal nur zu zweit, da Markus derzeit den Status „homeless“ und damit „wireless“ innehat.
Schaunotizen
[00:00:17] Fronteers 2011
Schepp war bei der diesjährigen Fronteers Konferenz in Amsterdam und erzählt, wie er es fand. Videos der Talks trudeln nach und nach auf Vimeo ein.
Web DevCon 2011
Peter hingegen war als Speaker auf der Web DevCon in Hamburg eingeladen, und fand sie nerdiger vor als gedacht. Seine Entdekung dort: Der Aloha Editor.
[00:24:36] Image Fallbacks and Annotations: the ‘image()’ notation
Auf der Fronteers präsentierte Tab Atkins Jr. Ideen der W3C CSS Working Group, und davon waren besonders interessant: Image Fallbacks and Annotations: the ‘image()’ notation, Using Elements as Images: the ‘element()’ function, Overriding Image Resolutions: the ‘image-resolution’ property und die Media Fragments.
[00:39:02] Die Syntax der linearen Verläufe hat sich geändert!
Anstatt wie bisher mit einem Richtungswort zu definieren, wo ein Verlauf startet, gibt es bald womöglich die Syntax „to“ + Richtungswort, die dann festlegt, wo er hinläuft. Wir fragen uns, was das für Konsequenzen auf bisherigen Code haben könnte.
[00:50:35] Dart: Structured Web Programming
Google hat nun endlich Dart vorgestellt. Und nicht nur Peter ist unterwältigt. Wofür könnte man Dart genau brauchen?
[01:07:03] 16 Pixels for Body Copy. Anything Less is a Costly Mistake
Wir nehmen diesen Artikel zum Anlass, uns hinsichtlich Schriftgrößen auf Webseiten auszutauschen. Der Artikel meint: Minimum 16 Pixel! Gerne mehr.
[01:14:10] Keine Schaunotizen
The JavaScript Show
Sehr netter, wöchentlich erscheinender Podcast, in dem Peter Cooper und Jason Seifer neueste Funde in Sachen JavaScript präsentieren.
Incredibly Useful CSS Snippets
Nur die besten CSS-Code-Snippets liegen auf dieser Seite bereit, um von Euch per Copy & Paste geräubert zu werden. Das ist 1A Ware!
HTML Component Model & the Shadow DOM
Ein Umfassender Artikel Jake Archibalds rund um die Web Components und das Shadow DOM, mit denen sich in Zukunft neue, fehlende HTML-Elemente definieren und erzeugen lassen.
1 hr 17 min
October 08, 2011Revision 42: Zweiundvierzig!
Schaunotizen
[00:00:44.000] You may soon be developing for 76 browsers.
Paul Irish sagt eine Zukunft voraus, in der wir für 72 Internet Explorer entwickeln werden. Das liegt dann angeblich an der 10-Jahre-Support-Regelung von Microsoft.
[00:19:39.000] Web technologies need an owner
Joe Hewitt (Firebug-Entwickler und einst bei Facebook) meint, dass das Web doomed ist und wir einen Diktator brauchen.
[00:39:50.000] SMACSS – A Scalable and Modular Architecture for CSS
Regeln für ordentliches CSS.
[00:54:42.000] CSS shaders
Selbstprogrammierte Shader-Effekte auf normale HTML-Elemente anwenden.
[01:04:50.000] Ein Award
Und wir sagen nicht, worum es geht.
[01:09:05.000] Multimediatreff in Köln
Hinfahren!
Keine Schaunotizen
Stripe.com
Peerbind
git-dude
cdnplanet.com
Streetview mit jQuery
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 21 min
October 08, 2011 Revision 42: Zweiundvierzig!
Schaunotizen
[00:00:44.000] You may soon be developing for 76 browsers.
Paul Irish sagt eine Zukunft voraus, in der wir für 72 Internet Explorer entwickeln werden. Das liegt dann angeblich an der 10-Jahre-Support-Regelung von Microsoft.
[00:19:39.000] Web technologies need an owner
Joe Hewitt (Firebug-Entwickler und einst bei Facebook) meint, dass das Web doomed ist und wir einen Diktator brauchen.
[00:39:50.000] SMACSS – A Scalable and Modular Architecture for CSS
Regeln für ordentliches CSS.
[00:54:42.000] CSS shaders
Selbstprogrammierte Shader-Effekte auf normale HTML-Elemente anwenden.
[01:04:50.000] Ein Award
Und wir sagen nicht, worum es geht.
[01:09:05.000] Multimediatreff in Köln
Hinfahren!
Keine Schaunotizen
Stripe.com
Peerbind
git-dude
cdnplanet.com
Streetview mit jQuery
1 min
September 27, 2011 Revision 41: setImmediate API, CSS Compositing und überflüssiges HTML5
Und noch einmal bekamen wir Verstärkung von Rodney Rehm. Wir waren ganz schöne Quatschlieseln, aber es ist auch ganz schön was bei herumgekommen.
Schaunotizen
[00:00:26] setImmediate API
Mit dem IE10 erblickt die setImmediate API das Licht der Welt und soll dabei helfen, rechenintensives JavaScript zu segmentieren. Für alle anderen Browser gibt es einen sehr cleveren Polyfill.
[00:11:03] Exclusive preview of the hottest CSS specs
Divya Manian gibt in dem Artikel Ausblick auf 13 zukünftige CSS-Specs. Von denen habe nwir uns die heißesten Kandidaten herausgepickt, nämlich Compositing und CSS Filters, und haben sie diskutiert. Außerdem streifen wir thematisch das Flexbox-Polyfill Flexie.js.
[00:25:15] CSS Variables
Nicht mit in der Liste standen die CSS Variablen, zu denen es seit neustem einen Editor’s Draft gibt und die noch dieses Jahr in Chrome landen sollen.
[00:36:55] Die wahren Probleme von HTML5 Polyfills: HTML5 shim und das Ende des 3 Schichten-Modells (Teil 1)
Alexander Farkas, und vor allem Peter finden: Die neuen semantischen HTML5-Elemente sind überflüssiger bzw. gefährlicher Ranz. Als Randnotiz ließ Peter http://html5accessibility.com/ fallen.
[00:52:30] Datenschutztheater
Peter echauffiert sich über Politik. Ganz allgemein. Und für rund 2:25 min… :)
[00:55:55] Beanstandungsfreier Betrieb von Google Analytics ab sofort möglich
Alles nur ein Vorgeplänkel für unsere Gedanken rund um die Wiederlegalisierung von Google Analytics…
[01:12:15] Kauder will Internet-Entzug
…und unser Kopfgeschüttele zu Siegfried Kauders Idee, den Lausbuben das Internet wegzunehmen. Und schwups, ist das WLAN-Kabel weg, so!
[01:14:21.000] Keine Schaunotizen
Cubic Bezier
Ein Werkzeug, um benutzerdefinierte CSS3 Animationskurven zu erstellen und live zu testen
A Farewell to CSS3 Gradients
Plädoyer für mehr SVG-Grafiken anstelle von CSS3 Gradients
cwebgl – WebGL stack in javascript
Ein WebGL-Polyfill, der rein auf Canvas und JavaScript aufsetzt, aber auch mit Java und Flash kann.
HTML Muncher
Python Werkzeug, das in einer Gruppe von zusammenhängenden HTML-, CSS- und JavaScript-Dateien, Klassen- und ID-Namen, sowie Verweise dazu platzsparend verkürzt.
ImageAlpha
Ein Mac-Tool, um 24-Bit-Farbe-8-Bit-Transparenz-PNGs nach 8-Bit-Farbe-8-Bit-Transparenz-PNGs zu wandeln.
jquery.inview
Ein jQuery-Plugin, das das Event „inview“ nachrüstet, das immer dann feuert, wenn ein damit belegtes Element in den Viewport scrollt.
Tinkerbin
Tinkerbin ist vergleichbar mit jsfiddle, kann neben HTML, CSS, JS aber auch CoffeeScript, Sass (+ Compass), Less, HAML and weitere Metasprachen.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 19 min
September 27, 2011 Revision 41: setImmediate API, CSS Compositing und überflüssiges HTML5
Und noch einmal bekamen wir Verstärkung von Rodney Rehm. Wir waren ganz schöne Quatschlieseln, aber es ist auch ganz schön was bei herumgekommen.
Schaunotizen
[00:00:26] setImmediate API
Mit dem IE10 erblickt die setImmediate API das Licht der Welt und soll dabei helfen, rechenintensives JavaScript zu segmentieren. Für alle anderen Browser gibt es einen sehr cleveren Polyfill.
[00:11:03] Exclusive preview of the hottest CSS specs
Divya Manian gibt in dem Artikel Ausblick auf 13 zukünftige CSS-Specs. Von denen habe nwir uns die heißesten Kandidaten herausgepickt, nämlich Compositing und CSS Filters, und haben sie diskutiert. Außerdem streifen wir thematisch das Flexbox-Polyfill Flexie.js.
[00:25:15] CSS Variables
Nicht mit in der Liste standen die CSS Variablen, zu denen es seit neustem einen Editor’s Draft gibt und die noch dieses Jahr in Chrome landen sollen.
[00:36:55] Die wahren Probleme von HTML5 Polyfills: HTML5 shim und das Ende des 3 Schichten-Modells (Teil 1)
Alexander Farkas, und vor allem Peter finden: Die neuen semantischen HTML5-Elemente sind überflüssiger bzw. gefährlicher Ranz. Als Randnotiz ließ Peter http://html5accessibility.com/ fallen.
[00:52:30] Datenschutztheater
Peter echauffiert sich über Politik. Ganz allgemein. Und für rund 2:25 min… :)
[00:55:55] Beanstandungsfreier Betrieb von Google Analytics ab sofort möglich
Alles nur ein Vorgeplänkel für unsere Gedanken rund um die Wiederlegalisierung von Google Analytics…
[01:12:15] Kauder will Internet-Entzug
…und unser Kopfgeschüttele zu Siegfried Kauders Idee, den Lausbuben das Internet wegzunehmen. Und schwups, ist das WLAN-Kabel weg, so!
[01:14:21.000] Keine Schaunotizen
Cubic Bezier
Ein Werkzeug, um benutzerdefinierte CSS3 Animationskurven zu erstellen und live zu testen
A Farewell to CSS3 Gradients
Plädoyer für mehr SVG-Grafiken anstelle von CSS3 Gradients
cwebgl – WebGL stack in javascript
Ein WebGL-Polyfill, der rein auf Canvas und JavaScript aufsetzt, aber auch mit Java und Flash kann.
HTML Muncher
Python Werkzeug, das in einer Gruppe von zusammenhängenden HTML-, CSS- und JavaScript-Dateien, Klassen- und ID-Namen, sowie Verweise dazu platzsparend verkürzt.
ImageAlpha
Ein Mac-Tool, um 24-Bit-Farbe-8-Bit-Transparenz-PNGs nach 8-Bit-Farbe-8-Bit-Transparenz-PNGs zu wandeln.
jquery.inview
Ein jQuery-Plugin, das das Event „inview“ nachrüstet, das immer dann feuert, wenn ein damit belegtes Element in den Viewport scrollt.
Tinkerbin
Tinkerbin ist vergleichbar mit jsfiddle, kann neben HTML, CSS, JS aber auch CoffeeScript, Sass (+ Compass), Less, HAML and weitere Metasprachen.
1 hr 19 min