Working Draft

Wöchentlicher News-Podcast für Webdesigner und -entwickler

Spenden für Soundqualität!

Alle Spenden fließen zu 100% in die Anschaffung von besserer Aufnahme-Hardware.

Revision 168: Monitore, Bildkompression, Links

30. April 2014 | 2 Kommentare

Als Gast konnten Schepp, Hans und Peter diesmal Paul Bakaus begrüßen (bekannt für jQuery UI, später bei Zynga), der heute als Developer Advocate für Google unterwegs ist.

Schaunotizen

[00:01:05] The Illusion of Motion
Paul klärt uns über die Hintergründe von Bildschirmdarstellung auf. Die Kernfrage ist: warum zielen wir bei der Performanceoptimierung im Web auf 60 FPS, wenn doch z.B. Filme mit 24 FPS auskommen? Wir reden über Bewegungsunschärfe, das amerikanische Stromnetz, das Auge, CRTs und LCDs, den Flicker Fusion Threshold, G-Sync, Fernseher und Fernseherhersteller, Zwischenbildberechnung sowie die Lufthansa.
[00:25:11] Bildkompression
Paul wundert sich, warum so wenig in Sachen Bildkompression passiert, obwohl dort doch das meiste Optimierungspotenzial schlummert. Trotzdem es so manches Tool gibt (wir erwähnen unter anderem ImageAlpha, JPEGMini, adept-jpg-compressor und pngquant) fehlt es noch an ausreichend smarten Tools. Auch WebP (und den damit verbundenen Griff ins Klo durch Facebook), Photoshops Generator-Funktionalität für Bilder und ein Performance-Artikel von Luke Wroblewski kommen zur Sprache.
[00:47:01] Winning for Users
In einem Artikel empfiehlt Paul eine auf die User ausgerichtete Argumentationslinie für Webtechnologie. Peter lässt es sich nicht nehmen, den Advocatus Diaboli für Native Apps zu spielen. Schepp empfiehlt in diesem Kontext den spektakulären Talk “How to destroy the web” von Bruce Lawson.

[01:02:32] Keine Schaunotizen

Cheat Sheets für Shadow DOM und Github
Vor allem letzterer ist von epischer Länge und Tiefe.
Understanding CSS Timing Functions
Wirklich alles was es über Timing Functions zu wissen gibt.
BrowserStage: Web Automation That Just Works
Wir haben es nicht getestet, aber einen Blick scheint dieses Produkt wert.
Conditioner.js
Zitat: Frizz free, environment-aware, javascript modules.
Düsseldorfer Web Platform Doc Sprint
Am 18. Mai Docs schreiben und grillen in Düsseldorf .

Revision 167: Das Decentralize Camp

22. April 2014 | 6 Kommentare

Die aktuelle Sendung steht ganz im Zeichen der Dezentralisierung. Passend dazu sind Marc Thiele und Bastian Allgeier als Gäste mit dabei, die gemeinsam am 21. Mai das erste Decentralize Camp veranstalten.

[00:00:32] News

CSS Line Grid Module Level 1
Working Draft: Das CSS Line Grid Module befasst sich damit, Inhalte an einer vertikalen Baseline auszurichten.
CSS Extensions
Achtung: Editor’s Draft! Dieser spezifiziert die Möglichkeit der Erweiterung von CSS mittels eigener Eigenschaften, at-Rules, Selektor-Kombinationen und mehr.

Schaunotizen

[00:01:57] Decentralize Camp
Das erste Decentralize Camp findet am 21. Mai 2014 in Düsseldorf statt und kostet gerade mal 30 Euro! Anmeldungen werden auf der Website entgegen genommen.
[00:46:57] Verlosung: Tipp, wie man seine Daten “befreien” kann
Wer einen guten Tipp oder ein gutes Howto parat hat, mit dem man seine Daten aus den großen Datensilos heraus in heimische Gewässer bekommt, der poste es in den Kommentaren. Jeder nimmt dann automatisch an einer Verlosung zweier Karten für das Decentralize Camp teil.

[00:53:13] Keine Schaunotizen

Meine eigene kleine Datenwolke
Tom Arnold berichtet über seine Erfahrungen mit ownCloud, seiner eigenen, dezentralen Cloud.
RegExr
RegExr ist das perfekte Tool zum Testen von Regulären Ausdrücken.

Revision 166: Open Source, React und AssetGraph

20. April 2014 | Keine Kommentare

Eine weitere Woche mit einem Gast. Diesmal ist Pascal Hartig aka. Passy vom Yeoman- und Todo-MVC-Team mit dabei.

Keine News

Schaunotizen

[00:00:58] Open Source
Pascal spricht über seine Arbeit im Open-Source-Bereich und erzählt vom Anfang seiner Karriere mit 24 Pull Requests. Dadurch wurde vom TodoMVC-Team rekrutiert, kurz danach folgte Yeoman, dann Bower und nun arbeitet er bei Twitter in London.
Pascal erzählt von der Balance zwischen “normaler” Arbeit und Open Source, dem Unterschied zwischen einer kleiner Agentur und der großen Firma Twitter.
Für alle, die auch so enden möchten, gibt er als Tipp, dass man konsistent an OSS Projekten mitarbeitet und nicht nur hier und da ein Pull Request erstellt.
[00:20:43] React
Pascals Wunschthema ist Facebooks React, eine Bibliothek für User Interfaces, dessen Hauptfunktion die Erstellung von wiederverwertbaren Komponenten ist. Pete Hunts Talk gibt nähere Einblicke zur Funktionalität: HTML in JS durch virtuelles DOM erstellen, das mit nativem DOM verglichen wird. Das Interessante an React ist, dass es auch mit anderen Frameworks, wie AngularJS o. Ä., kombinierbar ist, da sich React nur um die Views kümmert.
Der größte Nachteil ist wohl die Kombination mit anderen DOM-verändernden Libraries (wie z. B. jQuery), aber auch dieses Problem ist laut Pascal, unter Kontrolle zu bekommen.
Reacts Starting-Tutorial ist auf jeden Fall einen Blick wert.
[00:31:29] AssetGraph
AssetGraph ist der Versuch einen Graphen einer Webseite abzubilden – welche Ressourcen werden von welchen anderen Ressourcen verwendet.
Dadurch ergeben sich Möglichkeiten, wie intelligentes Autocomplete in der IDE, einfache Diagnose von Problemen, Optimierung von Web-Seiten und Applikationen. Die Nachteile sind allerdings die hohe Komplexität und, durch seine Neuartigkeit, die gegebenenfalls noch etwas mühsame Benutzung.

[00:39:34] Keine Schaunotizen

JSON Generator
Generiert JSON passend zur API-Definition.
Status IE
Status IE ist eine Aufzeichnung der aktuellen Feature-Implementierung in Internet Explorer. Chromes Pendent dazu gibt’s hier.
Node JSCS
Ein JavaScript Code Style Checker – mehr als nur JSHint.

[00:41:33] Tipp(s) der Woche

visibility: visible undoes visibility: hidden
Setzt man visibility: hidden auf ein Element, kann man ein Kinds-Element mit visibility: visible wieder sichtbar machen.
Use of .apply() with ‘new’ operator. Is this possible?
Beliebig viele Argumente an einen Constructor in JavaScript mit Function.prototype.bind übergeben.

Revision 165: Über den Webkongress Erlangen und den Zustand mancher Website

14. April 2014 | 6 Kommentare

Stefan und Peter haben sich Matthias Mees und Jens Grochtdreis ins virtuelle Studio geholt um den kürzlich stattgefundenen Webkongress in Erlangen Revue passieren zu lassen, sowie über den Zustand diverser Websites zu philosophieren.

Schaunotizen

[00:00:15] Rückblick Webkongress Erlangen
Im März fand der dritte Webkongress der Uni Erlangen statt, der sich auch um die Themen kümmert, die nicht so viel Beachtung auf den großen Konferenzen der Branche finden: Barrierefreiheit und Content Management System, zum Beispiel. Jens und Matthias erzählen von ihren Erlebnissen in der Universitätststadt und geben folgende Anschautipps: Marc Hinse – Die Gefahren von Webdesign Trends, Wolfgang Wiese – The Beauty and the Beast, Patrick Lobacher – Typo 3 Neos, Nils Pooker – Alles so schön responsive hier?, sowie alle Barrierefreiheits-Talks
[00:13:17] Die Beschissenheit mancher Websites, und Ihre Gründe
Warum gibt es immer noch Restaurants, die ihre Menükarten als PDF verlinken und nicht einfach den Text auf der Website zugänglich machen? Wenn es schon so viele Profis gibt, die gute Websites erzeugen, warum findet man immer noch soviel Mist im Web? Und wie geht man als Entwickler/Designer mit der Beratungsresistenz mancher Kunden um? In einer groß angelegten Raunz-Runde versuchen wir die Gründe zu erörtern und lassen sich über einige Misstände der Branche aus.
[00:47:04] Our Enclosed Space
Rachel Andrew schreibt, dass wir uns in einer elitären und sehr kleinen Referenzgruppe bewegen und viel vom echten Leben “da draussen” gerne mal vergessen. Oder vergessen würden. Bei all den schönen, tollen, neuen Technologien die auf den Konferenzen propagiert werden, wären doch am Ende die wenigsten heute doch auch wirklich einsetzbar. Vermitteln wir ein falsches Bild und vergessen die Dinge, auf die es wirklich ankommt? Ranting-Runde, Teil 2.

[01:02:58] Keine Schaunotizen

Was ist WAI-ARIA?
WAI-ARIA ist eine W3C Recommendation, und Marco Zehe erklärt, was es damit auf sich hat.
SmashingConf 2014
Jan Deppisch erzählt uns seine Highlights der letzen SmashingConf.
jQuery San Diego
Videos und Material zur letzten jQuery Konferenz.
Formular Elemente gestalten
Ein Artikel, wie man Formular Elemente gestalten kann, und ein begleitender Artikel von Microsoft zum gleichen Thema.
HTML5 Master Class
Der CSS Buddha und der HTML5 Erklärbär für drei ganze Tage in Düsseldorf!
CodeFront
Linz bekommt die Front-End Konferenz mit dem schönsten Logo.

Revision 164: Die Welt der Webagenturen

5. April 2014 | 10 Kommentare

Die Revision 164 ist mit einigen Gästen gespickt: Fabian Beiner, Marius Eisenbraun und Marcel Koch. Drei unterschiedliche Gäste, mit denen wir über ein Thema sprechen, das uns alle zusammenführt: Wie funktioniert unsere Branche?

[00:02:30] News

Hack
Hack ist eine Erweiterung von PHP, auf der Virtuellen Maschine HVVM läuft und die Sprache um Typensicherheit ergänzt.

Schaunotizen

[00:03:22] Einstieg in die Berufswelt des Web
Marius ist daran interessiert, wie der Einstieg in die Berufswelt eines Web-Entwicklers einfach ist. Wir sprechen über Sprungbretter, wie Agenturen und Open Source Projekte.
[00:22:42] Wie funktioniert eine Webagentur?
Im Allgemeinen sind Agenturen oft etwas anders organisiert, als Teams, die an einem Produkt arbeiten. Die Vor- und Nachteile für uns Web-Entwickler sind ein Diskussionspunkt. Mit Marcel haben wir einen Agentur-Arbeiter dabei, Hans, der Schepp und Fabian haben durch ihrer freiberufliche Tätigkeit immer wieder Berührungspunkte mit Agenturen. Jeder berichtet ein bisschen über seine Erfahrungen.
[00:35:20] DevCamp Karlsruhe
Das Developer-Camp in Karlsruhe richtete sich an Developer aus alle Bereichen – nicht nur Web. Fabian spricht über seine Erfahrungen mit diesem und auch anderen BarCamps. Wir diskutieren über deren Bedeutung für unsere Szene und deren Besucher.
[00:43:06] JavaScript Minifier-Tools
@bitbonk fragt:


Wir sind der Meinung, dass es nicht unbedingt drauf ankommt, dass man ein bestimmtest Tool, wie Uglify oder Closure Compiler verwendet, sondern dass überhaupt einen zur Anwendung bringt.

[00:52:34] Unobtrusive Javascript vs. Angular, Backbone and Co.
Heut zu Tage gibt es sehr viele Single Page Applications und Webpages, die ohne JavaScript keinerlei Funktion mehr bieten. Ein Diskussionspunkt über den wir schon öfter sprachen. Doch diesmal führt uns die Diskussion zum Thema, was eigentlich eine App und was eine Website ist.

[01:08:38] Keine Schaunotizen

Introducing the Canvas Debugger in Firefox Developer Tools
Mozilla implementiert (neben einem neuen CEO) einen Debugger für das Canvas-Element, mit dessen Hilfe es leichter wird, mit <canvas> zu arbeiten.
Picture element implementation in Blink
Eine IndieGoGo Kampagne zur Implementierung des Picture elements in Blink von Yoav Weiss. Unserer Meinung nach unterstützenswert.
HarpJS
Ein weiterer Statischer Webseiten Generator.
Bootstrapping Design eBook: Become the Designer your Startup needs.
Dieses design-lastige Buch ist – laut Marcels Empfehlung – auch sehr für Programmierer geeignet.
Web-Design Repo
Eine riesige Anzahl an Web-Development und -Design Links.
Cerberus – Responsive Email Patterns
HTML-E-Mail-Templates sind immer noch ein schwieriges Thema. Cerberus versucht den Schmerz bei der Erstellung solcher Templates zu mindern.
Antwort
Ähnlich wie Cerberus, ist Antwort ein Responsive HTML-E-Mail-Template.
Easings Cheat Sheet
Wenn man gerade mal nicht weiß, wie Easings (Transitions-Verläufe) in CSS oder JavaScript funktionieren, kann man hier nachsehen.

Gewinnspiel

Fabian verlost dankenswerterweise ein Exemplar von Peter Gasstons Buch Moderne Webentwicklung. Alles was ihr tun müsst: Sagt uns in den Kommentaren, warum genau ihr dieses Buch braucht!

Revision 163: CSS-Glücksrad und Links

26. März 2014 | 10 Kommentare

Mangels Themen zockten sich Hans, Schepp und Peter durch vier Runden CSS-Glücksrad. Nachdem sie dort keine großen Erfolge feiern konnten, verlasen sie die Links und ließen es gut sein.

HTML5-Glücksrad

[00:00:50] CSS Conditionals
Eine Spezifikation aus der Abteilung CSS-Fundament, zu deren Unterpunkt @media-Syntax uns nicht viel einfiel. Schepp erklärte das only-Keyword in Media Queries und am Ende schweiften wir in Richtung Cargo-Cult-Techniken in CSS und JS ab.
[00:07:27] CSS Marquee
Marquee in CSS? Gibt es weder auf Caniuse noch in MDN noch, wie wir feststellen mussten, in irgendeinem Browser. Über mögliche Use Cases dachten wir trotzdem ein wenig nach.
[00:13:59] CSS Transforms
CSS-Transforms kann man über bequeme Funktionen, aber auch über Transformationsmatrizen festlegen. Wir stellten fest, dass wir diese Möglichkeit bisher eher selten nutzen, was daran liegt, dass wir eher selten CSS-Transformationen durch Code errechnen lassen (dann dafür wären sie gut geeignet). Ein weiteres interessantes Detail ist, dass das CSS OM beim Abfragen von Transformationen immer mit Matrizen antwortet. Schließlich schweifen wir in Richtung skew-Transforms ab (die Schepp mal für Schatteneffekte brauchte) und reden über die Auswirkungen von Transforms auf den Stacking Context (die es auch bei opacity geben soll).
[00:27:00] CSS Selectors Level 4
Nachdem Peter ein wenig über :empty in Selectors Level 3 (kaputt) und :blank in Selectors Level 4 (nicht kaputt) gerantet hatte, versuchten wir ohne großen Erfolg das Wesen der Grid-Structural Selectors zu erraten. Mehr Erfolg haben wir bei den Themen Parent Selector, :last-child und den technischen (Performance-)Probleme dahinter. Zum Schluss erklärte Peter nochmal kurz, warum es kein CSS4 gibt und wir stellten erfreut fest, dass die Kombinatoren + und ~ selbst im IE7 funktionieren.

[00:41:40] Keine Schaunotizen

Popping Out of Hidden Overflow
Beschreibt einen interessanten Edge Case bei der Arbeit mit Overflows in CSS.
Custom CSS preprocessing
Wie man sein eigenes kleines CSS-Tool baut.
codefest.herzogtumcleve.de
Ein aus rheinischer Solidarität gespeister Tipp von Schepp.
Lesser-Known JavaScript Debugging Techniques
Besonders interessant: die DebugUtils.
Stylestats
Produziert interessante Statistiken zu Stylesheets.

Revision 162: Indie UI

23. März 2014 | 7 Kommentare

In Revision 162 sind zwei Gäste mit von der Partie. Zum einen Mozillas Accessibility Experte Marco Zehe, der bereits zu Gast war, sowie Tomas Caspers, der sich seit vielen Jahren mit dem Thema Accessibility beschäftigt und bei uns zum ersten Mal dabei ist.

[00:01:43] News

Sass 3.3.0
Sass ist in der Version 3.3.0 veröffentlicht worden und bringt einige Neuerungen mit sich.

Schaunotizen

[00:02:28] Indie UI und Accessibility
Mit unseren beiden Themen-Gästen sprechen wir über das Thema Accessibility. Aufhänger dafür ist der Editors-Draft zu Indie UI, der sich mit der Verallgemeinerung von Benutzer-Input Events und sichtbaren Einstellungen beschäftigt.
Marco ist, wie auch manch anderer, mit dem Konzept von Indie UI nicht so ganz einverstanden und diskutiert seine Position mit Tomas, der den Ansatz der Spezifikation schon mal richtig findet.
Im Laufe der Diskussion driften wir auf die Erfahrungen der beiden mit dem allgemeinen Thema Accessibility ab.

[01:03:25] Keine Schaunotizen

Grunt YSlow
Grunt YSlow ist eine Grunt Task, die die Performance einer Website anhand der Metriken von Yahoo!s YSlow analysiert.
Grunt PageSpeed
Grunt PageSpeed ist das Pendant zur YSlow Implementierung als Grunt Task, basierend auf Google PageSpeed.
Parker
Das CSS Analyse-Tool Parker ermittelt Metriken eines Stylesheets und ist als CLI verfügbar.
Bootstrap Accessibility Plugin
Die Entwickler bei Paypal haben die Grundfunktionalität von Bootstrap so erweitert, dass die einzelnen Module zugänglicher sind und dies in ein Plugin verpackt.
Umstieg von Mac auf Windows
Marco hat sich für die Rückkehr zu Windows entschieden und beschreibt warum er diesen Schritt geht.
Content Strategy Forum
Vom 1. bis 3. Juli findet in Frankfurt das Content Strategy Forum. Im Call For Papers sind die Organisatoren auch an Front-End Entwicklung und die Schnittmengen mit der Content-Erstellung interessiert.

Revision 161: Too Easy, Didn’t Learn

11. März 2014 | 2 Kommentare

Es war Rosenmontag und der großteil des Workingdraft-Teams bereitete sich auf das halten diverser Workshops vor. Um einem Monolog zu entkommen lud sich Rodney die Herren Christian Heilmann und Sebastian Golasch ein, um ein wenig über Christians Vortrag an der jQuery Europe zu schnacken.

Schaunotizen

[00:01:04] TE;DL – Too Easy, Didn’t Learn (video)
Mit jedem Tool und mit jeder Abstraktion vereinfachen wir uns die Arbeit. Was wir jedoch nicht vereinfachen ist das Lernen und Verstehen der Dinge, die wir in eine Abstraktion oder Tool gepresst haben. Wir beleuchten den »Just build a tool for that«-Hype einmal von der anderen Seite.
[00:46:04] W3C HTML JSON form submission (Unofficial Draft)
Ein Vorschlag <form> Elemente neben application/x-www-form-urlencoded auch als application/json absenden zu lassen. Wir diskutieren die Vorzüge und Probleme des Vorschlags. Wir kommen auch kurz auf das recht unbekannte Objekt FormData zu sprechen, von dem wir dachten, dass es den Umgang mit Formularen bereits vereinfachen würde – was sich dann leider doch nicht als der heilige Gral der Formulardatenverarbeitung herausstellt.

[01:06:53] Keine Schaunotizen

CSS performance revisited: selectors, bloat and expensive styles
Komplexe CSS Selektoren sind wohl eine kleinere Bremse als überschüssiges, ungenützes CSS.
Cross-browser Web Fonts part 3: Hyphens, Text Rendering, and Font Feature Settings
Der Artikel erklärt wie das Beeinflussen von Ligaturen, Kerning, Fractionals, Ordinals, etc. funktioniert.
How to Use The HTML5 Sectioning Elements
Wann nutze ich <section>, wann <article> und wann doch lieber nur ein <div>?
layout thrashing in jQuery
Welche jQuery-Funktionen können sich negativ auf die Rendering-Performance auswirken?
Rewriting A WebApp in ES6
Man nehme eine Backbone Applikation und schreibe große Teile davon mit EcmaScript6 neu. Weil man kann.

Revision 160: Node, JavaScript, Links

2. März 2014 | 6 Kommentare

Für diese Revision luden sich Schepp und Peter den Node-Nerd Golo Roden (Twitter, Webseite) ein und plauderten über Node.JS und ganz allgemein den Zustand von JavaScript in Gegenwart und Zukunft.

Schaunotizen

[00:01:50] JavaScript aus der Perspektive eines Backend-Entwicklers
Golo erzählt, wie man aus der C#-Welt an JavaScript gerät und das ganze dann auch vernünftig lernt. Gemeinsam sind wir der Auffassung, dass nach den ersten Copy-Paste-Basteleien die Lektüre von The Good Parts und The Definitive Guide angebracht sind.
[00:15:50] ES6 und Async
Golo und Peter debattieren die Vor- und Nachteile von ES6-Features wie Arrow Functions, Klassen und Generator Functions (nebst Libraries), wobei neben Async.js auch die Artikel Execution in the Kingdom of Nouns und What Made Lisp different zur Sprache kommen.
[00:43:22] Node 0.12
Nachdem wir festgestellt haben, dass wir alle schon Node benutzt haben bevor es cool war (Version 0.4) erzählt Golo ein wenig über das kommende Node-Release 0.12. Wir sprechen über instabile APIs und Module, TJ Holowaychuk, SpiderNode (mittlerweile eingestellt) und die Causa Joyent versus Strongloop.
[00:57:50] Hörer-Frage: Koa vs Express
Bei der Frage Express versus Koa (beides Webframeworks) sind wir uns einig: Koa taugt erstmal nur als Spielzeug. Golo weist darauf hin, dass ES6 noch nicht in Node Standardmäßig aktiviert ist und Peter hat obendrein noch kein Vertrauen in die Stabilität von Koa selbst. Der aktuelle Hype erinnert uns ein wenig an die leicht überhypte Frage Grunt versus Gulp.
[01:03:44] Wie lernt man am besten Node?
Peter behauptet, Node wäre ganz einfach, sofern man JavaScript schon kann; die APIs lernt man besten, indem man wie in jeder anderen Programmiersprache einfache Programme schreibt. Golo geht im Prinzip d‘accord, sieht die größte Hürde im etwas unübersichtlichen Ökosystem von Node. Hilfe findet man natürlich am besten in Golos Buch Node.js & Co: Skalierbare, hochperformante und echtzeitfähige Webanwendungen professionell in JavaScript entwickeln.
[01:09:27] EnterJS
Golo erzählt von seiner Konferenz EnterJS, die vom 30. Juni bis 2. Juli in Köln stattfindet. Thema ist JavaScript im Unternehmenskontext.

[01:13:19] Keine Schaunotizen

Random User Generator
Placekitten für User-Daten.
noPrefixes flag in Modernizr
Stefan bloggt über Fortschritte im Kampf gegen Vendor-Prefixes an der Modernizr-Front
Installable Standalone WebApps
Ein Überblick über den Status Quo.
WURFL.js – Client Side, meet Server Side
Die bekannte Device Detection Library jetzt auch clientseitig.
The 4 Slice Scaling Technique for SVG
SVG-Nerd Dirk Weber SVG-Slicing für Fortgeschrittene.
Using blend modes in HTML Canvas
Ein weniger bekanntes HTML5-Feature wird vom Adobe-Team beleuchtet.

Revision 159: Grunt im Einsatz

2. März 2014 | 8 Kommentare

Gästefrei sind diesmal Schepp, Rodney und Stefan mit am Start, um mit Grunt nach dem Hype in Klausur zu gehen.

Schaunotizen

[00:00:29] Grunt
Grunt ist ja nun schon eine Weile bekannt und im Einsatz, und erfreut sich immer größerer Beliebtheit bei den Entwicklern. Sogar Schepp hat seine selbstgebastelten Buildscripts für diverse Projekte verlassen und ist in die Grunt-Welt eingetaucht. Wird reden über den Einsatz des Buildtools in großen und kleinen Projekten, und wie man sich das effiziente Entwickeln, vor allem in Hinblick auf CI und CD ohne Grunt eigentlich nicht mehr vorstellen kann. Plugins die erwähnt werden sind unter anderem spritesmith, autoprefixer, svgmin, cssmin und connect. Außerdem empfiehlt Rodney, statt load-grunt-tasks besser matchdep zu verwenden. Wer übrigens das letzte aus Grunt herauskitzeln will, dem empfehlen wir Paul Bakaus Artikel auf HTML5 Rocks

[00:47:27] Keine Schaunotizen

Chrome CLI
Viel im Terminal? Mit der Chrome CLI kann man seinen Entwicklungsbrowser nun auch bequem von der Kommandozeile aus steuern.
What nobody told you about Sass @extend
Hugo Giraudel schreibt über die Funktionsweise und Gefahren der Sass @extend Methode.
Try Handlebars
Handlebars templates direkt im Browser ausprobieren und sehen, ob selbstgeschriebene Helper funktionieren. Geht hier.
Pageres
Mit Sindre Sorhus neuem Tool kann man Screenshots von der Kommandozeile aus machen.
Refactoring Techniques
Wie man richtig Refactoring betreibt wird in diesem Artikel erklärt.
JavaScript Code Style Checker
Ein weiterer Code Style Checker, aber höchst konfigurierbar und bis aufs kleinste anzupassen
Web Animation at Work
Rachel Nabors beschreibt ihr Steckenpferd in diesem List Apart Artikel.
Draggable elements that push others out of way
Chris Coyier schreibt über ein Design Pattern, und die unterschiedlichen Wege und Bibliotheken, es zufriedenstellend umzusetzen.

[00:53:25] Tipp der Woche

Including data from Github
Tipp von Rodney: Wenn man mal Github files im Rohformat braucht, hat man mit diesen Services viel Freude.