Working Draft

Working Draft

By Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« SchaeferNewsTechnologyEducationHow ToTech News
Download on the App Store

Working Draft episodes

  • Revision 156: Viewport Units in iOS und Gegenwind für CSS Regions

    Wenig Themen, viel Diskussion! Peter, Rodney und Stefan besprechen Browserbugs, die keine sein sollten und sinnieren über einen jüngst veröffentlichten A List Apart Artikel, den man wohl ohne Weiteres in die Kategorie „Große Erschütterung der Macht“ stecken darf.

    [00:00:15] News
    CSS Editor’s Draft contains links to Shepherd
    Noch in Beta und in starker Bearbeitung, aber nach jahrelanger Wartezeit endlich Realität: Im CSS Editor’s Draft der W3C werden die Shepherd Tests verlinkt.
    Schaunotizen
    [00:01:00] Viewport Units in iOS
    Trotz recht weitreichender Kompatibilität und echtem Bedarf sind Viewport Units überaus buggy und beinah unbrauchbar, wie Rodney jüngst herausfinden musste. Wir sprechen über die eigentliche Nutzung und wie man Dank CSSOM zu einem netten Buggyfill kommt (Term coined by Sebastian Golasch.
    [00:24:05] CSS Regions considered harmful
    Wenn einer der CSS Erfinder CSS Regions öffentlich für Scheiße erklärt, kann das Internet schonmal Kopf stehen. Browserhersteller treten den Rückzug an und nehmen experimentelle Implementierungen aus der Codebase. Wir sprechen über Sinn und Unsinn, Web vs. Webtechnologie und den Bedarf an „Generated Content“. Außerdem flattert pünktlich zur Sendung ein sehr interessanter Pro-Artikel von Sara Soueidan zum Thema herein.
    [00:44:31] Glücksrad
    Table Sorting Model
    Tabellensortieren im Browser, wie einst beim guten, alten jQuery Tablesorter! Existiert momentan allerdings nur am Papier.
    [00:49:25] Keine Schaunotizen
    Drag & Drop für Dateien
    Peter beschreibt eine uralte API, mit der man sogar ganz brauchbare Dinge anstellen kann. Erster Teil einer Minireihe.
    Avoiding anonymous JavaScript funcitons
    Todd Motto erklärt anonyme Funktionen, deren Nachteil und wie man sie vermeidet.
    Markdown.js
    Markdown Parser in JavaScript. Mitsamt Abstract Syntax Tree.

    Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

    53 min
  • Revision 156: Viewport Units in iOS und Gegenwind für CSS Regions
    Wenig Themen, viel Diskussion! Peter, Rodney und Stefan besprechen Browserbugs, die keine sein sollten und sinnieren über einen jüngst veröffentlichten A List Apart Artikel, den man wohl ohne Weiteres in die Kategorie „Große Erschütterung der Macht“ stecken darf.
    [00:00:15] News
    CSS Editor’s Draft contains links to Shepherd
    Noch in Beta und in starker Bearbeitung, aber nach jahrelanger Wartezeit endlich Realität: Im CSS Editor’s Draft der W3C werden die Shepherd Tests verlinkt.
    Schaunotizen
    [00:01:00] Viewport Units in iOS
    Trotz recht weitreichender Kompatibilität und echtem Bedarf sind Viewport Units überaus buggy und beinah unbrauchbar, wie Rodney jüngst herausfinden musste. Wir sprechen über die eigentliche Nutzung und wie man Dank CSSOM zu einem netten Buggyfill kommt (Term coined by Sebastian Golasch.
    [00:24:05] CSS Regions considered harmful
    Wenn einer der CSS Erfinder CSS Regions öffentlich für Scheiße erklärt, kann das Internet schonmal Kopf stehen. Browserhersteller treten den Rückzug an und nehmen experimentelle Implementierungen aus der Codebase. Wir sprechen über Sinn und Unsinn, Web vs. Webtechnologie und den Bedarf an „Generated Content“. Außerdem flattert pünktlich zur Sendung ein sehr interessanter Pro-Artikel von Sara Soueidan zum Thema herein.
    [00:44:31] Glücksrad
    Table Sorting Model
    Tabellensortieren im Browser, wie einst beim guten, alten jQuery Tablesorter! Existiert momentan allerdings nur am Papier.
    [00:49:25] Keine Schaunotizen
    Drag & Drop für Dateien
    Peter beschreibt eine uralte API, mit der man sogar ganz brauchbare Dinge anstellen kann. Erster Teil einer Minireihe.
    Avoiding anonymous JavaScript funcitons
    Todd Motto erklärt anonyme Funktionen, deren Nachteil und wie man sie vermeidet.
    Markdown.js
    Markdown Parser in JavaScript. Mitsamt Abstract Syntax Tree.
    53 min
  • Revision 155: Sass.js und die Konferenzen 2014

    Revision 155 ging zwar ohne Gäste an den Start, dafür war Rodney aber top in Form und erzählt über sein letztes Projekt. Über Kommentare zu den Themen freuen wir uns und beantworten diese (manchmal zeitversetzt).

    Keine News
    Schaunotizen
    [00:00:18] Sass.js
    Rodney und Sebastian arbeiteten vor kurzer Zeit an einem Port von libsass nach JavaScript mit Emscripten um Sass im Browser kompilieren zu können (zum Beispiel für Services wie Dabblet). libsass ist eine C-Compiler für Sass, der unter anderem auch in node-sass Anwendung findet. Rod erzählt über seine Reise hinab ins C++-Kaninchenloch und weist auf eine Shoptalk Folge mit dem SASS-Erfinder und libsass-Autoren) hin.
    Fazit: solide C/C++-Kenntnisse sind empfohlen für Emscripten-Experimente
    [00:29:51] Konferenzen 2014
    Auf die Hörerfrage von Malte antworten wir mit einer Liste: Welche Konferenzen sollte man 2014 besuchen, wenn man die Working Draft Crew treffen will?

    • Reasons, London
    • dConstruct, Brighton
    • LXJS, Lissabon
    • JavaScript Days / HTML5 Days, München
    • jQuery Europe, Wien
    • Smashing Conf, Oxford
    • Edge Conf, London
    • Beyond Tellerrand, Düsseldorf
    • Fronteers, Amsterdam
    • dotJS, Paris
      • Diese Woche haben wir nicht am Glücksrad gedreht
      [00:51:41] Keine Schaunotizen
      Speaking.io
      Eine Website, die sich ums Public Speaking dreht und wertvolle Tips für Speaker bereit hält.
      GistBoxApp
      GistBoxApp ergänzt gist.github.com mit tagging, suche und weiterem. Also quasi alles Nützliche, was fehlt.
      Zone.js
      Execution Context für JavaScript Development.
      Principles for making things for the web
      Eine Zusammenstellung an Richtlinien, die man beachten sollte, wenn man fürs Web entwickelt.

      Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

      58 min
    • Revision 155: Sass.js und die Konferenzen 2014
      Revision 155 ging zwar ohne Gäste an den Start, dafür war Rodney aber top in Form und erzählt über sein letztes Projekt. Über Kommentare zu den Themen freuen wir uns und beantworten diese (manchmal zeitversetzt).
      Keine News
      Schaunotizen
      [00:00:18] Sass.js
      Rodney und Sebastian arbeiteten vor kurzer Zeit an einem Port von libsass nach JavaScript mit Emscripten um Sass im Browser kompilieren zu können (zum Beispiel für Services wie Dabblet). libsass ist eine C-Compiler für Sass, der unter anderem auch in node-sass Anwendung findet. Rod erzählt über seine Reise hinab ins C++-Kaninchenloch und weist auf eine Shoptalk Folge mit dem SASS-Erfinder und libsass-Autoren) hin.
      Fazit: solide C/C++-Kenntnisse sind empfohlen für Emscripten-Experimente
      [00:29:51] Konferenzen 2014
      Auf die Hörerfrage von Malte antworten wir mit einer Liste: Welche Konferenzen sollte man 2014 besuchen, wenn man die Working Draft Crew treffen will?
      Reasons, London
      dConstruct, Brighton
      LXJS, Lissabon
      JavaScript Days / HTML5 Days, München
      jQuery Europe, Wien
      Smashing Conf, Oxford
      Edge Conf, London
      Beyond Tellerrand, Düsseldorf
      Fronteers, Amsterdam
      dotJS, Paris
      Diese Woche haben wir nicht am Glücksrad gedreht
      [00:51:41] Keine Schaunotizen
      Speaking.io
      Eine Website, die sich ums Public Speaking dreht und wertvolle Tips für Speaker bereit hält.
      GistBoxApp
      GistBoxApp ergänzt gist.github.com mit tagging, suche und weiterem. Also quasi alles Nützliche, was fehlt.
      Zone.js
      Execution Context für JavaScript Development.
      Principles for making things for the web
      Eine Zusammenstellung an Richtlinien, die man beachten sollte, wenn man fürs Web entwickelt.
      58 min
    • Revision 154: Vagrant und Clientside JavaScript Error Reporting

      Die Stammbesetzung von Schepp, Peter, Hans und Stefan durfte in der aktuellen Revision Frederic Hemberger als Gast begrüßen, um uns über die unterschiedlichen Use Cases von Vagrant zu informieren. Spontan stieß auch noch unser treuer Hörer Marius hinzu, der ebenfalls in die Lobeshymnen einstimmte.

      Schaunotizen
      [00:01:03] Vagrant – Development environments made easy
      Die Entwicklungsumgebung braucht Java, man will sich die eigene Maschine aber nicht versauen? PHP in einer Uraltversion gefordert, die man lokal nicht mehr zum Laufen kriegt? Oder einfach zwischen den Kollegen die gleichen Rahmenparameter für die Entwicklung herstellen? Mit Vagrant alles kein Problem. Frederic und Stefan sind seit längerem Fan des Commandline Tools, welches das Aufsetzen, Steuern und Konfigurieren von virtuellen (Linux-)Maschinen kinderleicht und versionierbar macht. Die beiden machen — unterstützt von Marius — dem Rest der Truppe die Vor- und Nachteile an einigen Beispielen schmackhaft und sprechen vom ultimativen Test- und Reproduzierbarkeitsnirvana. Wer auf den Geschmack gekommen ist und mehr als Ubuntu braucht, wird übrigens auf Vagrantbox.es fündig. WordPressentwickler sollten sich VagrantPress genauer ansehehn.
      [00:20:30] Clientside JavaScript Error Reporting
      Die Hörerfrage von Marius wurde nicht nur über Twitter, sondern auch gleich live in der Sendung vom Fragesteller persönlich eingeworfen: Welche client-seitigen Fehlerreporting Tools verwenden wir eigentlich, und welche Dienste sind uns da am geläufigsten? Frederic schwört auf eine eigene Lösung, bestehend aus ca. 60 Zeilen Code, die ihm beim Ermitteln von Edge Cases schon einige Male enorm geholfen hat. Außerdem gab Paul Irish auf Google Plus einen guten Überblick über geläufige Services.
      [00:30:48] Glücksrad
      Application Cache
      Der Application Cache war als Offlinemechanismus eine durchaus ambitionierte Angelegenheit, ging bei uns aber nie über den Demostatus hinaus. Wir erörtern die Gründe und geben auch Positivbeispiele. Erwähnung findet auch Frederics Manifest Validator und ein Blick in die Zukunft mit Service Workern.
      [00:40:10] Keine Schaunotizen
      10 Reasons we switched from an icon font to SVG
      Icon Fonts sind toll, haben aber ein paar Nachteile, die für die Autoren des Artikels Grund genug waren komplett auf SVG zu wechseln.
      How to measure Frontend Performance with Phantomas and Grunt
      Die 4Waisenkinder erzählen uns wie man Frontend Performance mit Phantomas und Automatisierungstools wie Grunt hervorragend messen kann.
      Slip
      Listen, die auf unterschiedliche Gesten unterschiedlich reagieren, gibt’s bei Pornels Slip.
      Accessibility Tools
      Frederic wirft drei hervorragende Accessibility Tools ins Rennen: Eine Chrome Extension nebst anschaulichen Lintern bei AccessLint und WAVE.
      Manageable Sass Components
      Wer mit Bower und Sass Komponenten arbeitet bzw. solche sogar entwickelt, kann in dieser Ode an das !default Flag erkennen, wie man diese für Außenstehende konfigurierbar macht.
      Kod.io Linz
      Stefans Wahlheimatstadt Linz bekommt eine Entwicklerkonferenz. Eine einmalige Gelegenheit mit einem ansehnlichen Line-Up, auch für Frontend Entwickler.
      I Want To Use
      Irgendein modernes Browserfeature erwünscht? Nicht sicher ob das alle mobilen Devices auch können? „On mobile, I want to use“ gibt Aufschluss.
      Donate your dusty device
      Die Open Device Labs der Welt fordern auf, euer ranziges Smartphone für den guten Testzweck zu spenden. Finden wir unterstützenswert!
      [00:49:22] Der Tipp der Woche
      Option-Key + Click
      Man lernt eben nie aus: Im OS Terminal kann man bei gedrücktem Option Key und einem Klick die Cursorposition ändern. Enorm hilfreich bei langen Commandline-Befehlen.

      Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

      52 min
    • Revision 154: Vagrant und Clientside JavaScript Error Reporting
      Die Stammbesetzung von Schepp, Peter, Hans und Stefan durfte in der aktuellen Revision Frederic Hemberger als Gast begrüßen, um uns über die unterschiedlichen Use Cases von Vagrant zu informieren. Spontan stieß auch noch unser treuer Hörer Marius hinzu, der ebenfalls in die Lobeshymnen einstimmte.
      Schaunotizen
      [00:01:03] Vagrant – Development environments made easy
      Die Entwicklungsumgebung braucht Java, man will sich die eigene Maschine aber nicht versauen? PHP in einer Uraltversion gefordert, die man lokal nicht mehr zum Laufen kriegt? Oder einfach zwischen den Kollegen die gleichen Rahmenparameter für die Entwicklung herstellen? Mit Vagrant alles kein Problem. Frederic und Stefan sind seit längerem Fan des Commandline Tools, welches das Aufsetzen, Steuern und Konfigurieren von virtuellen (Linux-)Maschinen kinderleicht und versionierbar macht. Die beiden machen — unterstützt von Marius — dem Rest der Truppe die Vor- und Nachteile an einigen Beispielen schmackhaft und sprechen vom ultimativen Test- und Reproduzierbarkeitsnirvana. Wer auf den Geschmack gekommen ist und mehr als Ubuntu braucht, wird übrigens auf Vagrantbox.es fündig. WordPressentwickler sollten sich VagrantPress genauer ansehehn.
      [00:20:30] Clientside JavaScript Error Reporting
      Die Hörerfrage von Marius wurde nicht nur über Twitter, sondern auch gleich live in der Sendung vom Fragesteller persönlich eingeworfen: Welche client-seitigen Fehlerreporting Tools verwenden wir eigentlich, und welche Dienste sind uns da am geläufigsten? Frederic schwört auf eine eigene Lösung, bestehend aus ca. 60 Zeilen Code, die ihm beim Ermitteln von Edge Cases schon einige Male enorm geholfen hat. Außerdem gab Paul Irish auf Google Plus einen guten Überblick über geläufige Services.
      [00:30:48] Glücksrad
      Application Cache
      Der Application Cache war als Offlinemechanismus eine durchaus ambitionierte Angelegenheit, ging bei uns aber nie über den Demostatus hinaus. Wir erörtern die Gründe und geben auch Positivbeispiele. Erwähnung findet auch Frederics Manifest Validator und ein Blick in die Zukunft mit Service Workern.
      [00:40:10] Keine Schaunotizen
      10 Reasons we switched from an icon font to SVG
      Icon Fonts sind toll, haben aber ein paar Nachteile, die für die Autoren des Artikels Grund genug waren komplett auf SVG zu wechseln.
      How to measure Frontend Performance with Phantomas and Grunt
      Die 4Waisenkinder erzählen uns wie man Frontend Performance mit Phantomas und Automatisierungstools wie Grunt hervorragend messen kann.
      Slip
      Listen, die auf unterschiedliche Gesten unterschiedlich reagieren, gibt’s bei Pornels Slip.
      Accessibility Tools
      Frederic wirft drei hervorragende Accessibility Tools ins Rennen: Eine Chrome Extension nebst anschaulichen Lintern bei AccessLint und WAVE.
      Manageable Sass Components
      Wer mit Bower und Sass Komponenten arbeitet bzw. solche sogar entwickelt, kann in dieser Ode an das !default Flag erkennen, wie man diese für Außenstehende konfigurierbar macht.
      Kod.io Linz
      Stefans Wahlheimatstadt Linz bekommt eine Entwicklerkonferenz. Eine einmalige Gelegenheit mit einem ansehnlichen Line-Up, auch für Frontend Entwickler.
      I Want To Use
      Irgendein modernes Browserfeature erwünscht? Nicht sicher ob das alle mobilen Devices auch können? „On mobile, I want to use“ gibt Aufschluss.
      Donate your dusty device
      Die Open Device Labs der Welt fordern auf, euer ranziges Smartphone für den guten Testzweck zu spenden. Finden wir unterstützenswert!
      [00:49:22] Der Tipp der Woche
      Option-Key + Click
      Man lernt eben nie aus: Im OS Terminal kann man bei gedrücktem Option Key und einem Klick die Cursorposition ändern. Enorm hilfreich bei langen Commandline-Befehlen.
      52 min
    • Revision 153: Typecsset und die Web Speech API

      Zu viert machten wir uns diese Woche auf in die Sendung. Mit von der Partie war als Gast Sebastian Golasch.

      Keine News
      Schaunotizen
      [00:00:25] Typecsset
      Harry Roberts beschreibt in seinem Artikel Single-direction margin declarations die Vorzüge, margins für Elemente nur in eine Richtung zu verwenden und entwickelt mit Typecsset die passende Library um vertikalen Rhythmus innerhalb einer Seite zu nutzen. Stefan benutzt ein solches Tool, der Rest allerdings noch nicht. Rod und Sebastian kennen bestenfalls Grid Backgrounds (oder auch per Tool). Die Vorteile von Typecsset sind vor allem im Zusammenspiel mit ausgefeilten Designs nicht von der Hand zu weisen.
      [00:10:46] Web Speech API
      Mit der Web Speech API lässt sich Sprache in Text umwandeln. Supported wird das Ganze in verschiedenen Sprachen per Google Translate. Aber gerade das ist auch das Manko: Bisher supported nur Google Chrome die API.
      [00:26:05] Glücksrad
      Drag ’n‘ Drop
      Die Drag and Drop API ist quasi in allen Browsern verfügbar. Mittels Progressive Enhancement lässt sich DnD ziemlich einfach für alle Web-Anwendungen, zum Beispiel für File-Uploads, umsetzen.
      [00:41:21] Keine Schaunotizen
      Google Analytics für GitHub
      Mit GA Beacon lässt sich Google Analytics leicht in jedes GitHub-Projekt integrieren. Mittlerweile werden Statistiken auch direkt von GitHub unterstützt.
      CSS Architecture
      Ein gutes Wrap-up zum Thema CSS Architektur und Theorien im Allgemeinen.
      Ocrad.js
      Ocrad.js ist ein OCR (Optical Character Recognition) Tool, dass mit Emscripten nach JavaScript konvertiert wurde und gescannte Texte in richtigen Text umwandeln kann.
      Gulp is the new black
      Eine Einführung in Gulp und die Theorien mit denen Gulp sich beschäftigt.
      Getting started with Bower
      Für alle, die noch nicht mit einem Package-Manager im Front-End arbeiten hier eine Einführung in Bower.
      Endangered species of the web: The Link
      Christian Heilmann philosophiert darüber, dass Links zu oft missbraucht werden und propagiert man solle sich auf die eigentliche Aufgabe von Links zurückbesinnen.
      Unify
      Unify ist ein Tool um den Browser-support von einzelnen Unicode-Zeichen zu überprüfen.
      Web Color Palette
      Die Entwickler von Web Color Palette wünschen sich eine neue, verbesserte Color Palette fürs Internet und geben ein schönes Beispiel vor, wie die Standardfarben und dazu gehörende Color-Codes besser gewählt sein können.

      Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

      54 min
    • Revision 153: Typecsset und die Web Speech API
      Zu viert machten wir uns diese Woche auf in die Sendung. Mit von der Partie war als Gast Sebastian Golasch.
      Keine News
      Schaunotizen
      [00:00:25] Typecsset
      Harry Roberts beschreibt in seinem Artikel Single-direction margin declarations die Vorzüge, margins für Elemente nur in eine Richtung zu verwenden und entwickelt mit Typecsset die passende Library um vertikalen Rhythmus innerhalb einer Seite zu nutzen. Stefan benutzt ein solches Tool, der Rest allerdings noch nicht. Rod und Sebastian kennen bestenfalls Grid Backgrounds (oder auch per Tool). Die Vorteile von Typecsset sind vor allem im Zusammenspiel mit ausgefeilten Designs nicht von der Hand zu weisen.
      [00:10:46] Web Speech API
      Mit der Web Speech API lässt sich Sprache in Text umwandeln. Supported wird das Ganze in verschiedenen Sprachen per Google Translate. Aber gerade das ist auch das Manko: Bisher supported nur Google Chrome die API.
      [00:26:05] Glücksrad
      Drag ’n‘ Drop
      Die Drag and Drop API ist quasi in allen Browsern verfügbar. Mittels Progressive Enhancement lässt sich DnD ziemlich einfach für alle Web-Anwendungen, zum Beispiel für File-Uploads, umsetzen.
      [00:41:21] Keine Schaunotizen
      Google Analytics für GitHub
      Mit GA Beacon lässt sich Google Analytics leicht in jedes GitHub-Projekt integrieren. Mittlerweile werden Statistiken auch direkt von GitHub unterstützt.
      CSS Architecture
      Ein gutes Wrap-up zum Thema CSS Architektur und Theorien im Allgemeinen.
      Ocrad.js
      Ocrad.js ist ein OCR (Optical Character Recognition) Tool, dass mit Emscripten nach JavaScript konvertiert wurde und gescannte Texte in richtigen Text umwandeln kann.
      Gulp is the new black
      Eine Einführung in Gulp und die Theorien mit denen Gulp sich beschäftigt.
      Getting started with Bower
      Für alle, die noch nicht mit einem Package-Manager im Front-End arbeiten hier eine Einführung in Bower.
      Endangered species of the web: The Link
      Christian Heilmann philosophiert darüber, dass Links zu oft missbraucht werden und propagiert man solle sich auf die eigentliche Aufgabe von Links zurückbesinnen.
      Unify
      Unify ist ein Tool um den Browser-support von einzelnen Unicode-Zeichen zu überprüfen.
      Web Color Palette
      Die Entwickler von Web Color Palette wünschen sich eine neue, verbesserte Color Palette fürs Internet und geben ein schönes Beispiel vor, wie die Standardfarben und dazu gehörende Color-Codes besser gewählt sein können.
      54 min
    • Revision 152: JSPerf, Open Source, Gulp, Funktionales

      Nach vielen Revisionen mit Rumpfbesatzung und Themenmangel geht es diemal wieder voll zur Sache: Schepp, Rodney, Stefan und Peter erklären ranten und mäandern durch die diesmal durchaus vorhandenen Themen der vergangenen Woche.

      Außerdem führen wir versuchsweise eine neue Rubrik ein: beim Tipp der Woche werden wir (un)regemäßig Kleinst-Tipps für den Weballtag absondern, die uns im Laufe der letzten sieben Tage über den Weg gelaufen sind. Außerdem neu aus Github: Workingdraft-Metadata!

      [00:00:12] News
      Autoprefixer 1.0
      Jetzt mit Source Maps!
      Workingdraft Metadata
      Alle Daten zu allen Episoden von Working Draft auf Github. Gehet hin und hacket!
      Schaunotizen
      [00:00:34] Stop JSPerf abuse
      Wir reden über einen Rant, der einen unsauberen JSPerf-Vergleich von jQuerys .addClass() mit nativer classList (MDN) zum Thema hat. Rodney zürnt über die classList-API und berichtet von seinen eigenen JSPerf-Erfahrungen. Performance-Pontifex Schepp ordnet das Thema etwas ein: Man sollte kein JSPerf-Nazi werden, da Rendering und CSS die eigentlichen Problemfelder sind und der Browser automatisch JS optimiert, was im Falle von Chrome auch bequem nachvollzogen werden kann.

      [00:16:30] Upgrading to iScroll 5
      Rodney hatte großen Spaß am Versuch, Version 5 von iScroll (einer Library für Scrollerei auf Mobilgeräten) zu benutzen und lässt uns alle daran teilhaben. Breaking Changes beim Wechsel von 4 auf 5 sind laut Semantic Versioning zwar möglich, werden aber zum Ärgernis wenn sie nicht dokumentiert sind. So fordern wir Changelog und Migration Guide für alle Open-Source-Projekte, denn das reduziert nicht nur Nutzerfrust, sondern sorgt auch dafür, dass Autoren von Software weniger Supportanfragen bearbeiten müssen – Rod spricht aus Erfahrung.
      [00:39:42] Gulp und funktionale Programmierung
      Gulp ist ein Buildsystem wie Grunt, allerdings streambasiert (siehe Slides). Ein Wechsel scheint dann sinnvoll, wenn man großen gruntinduzierten Leidensdruck verspürt, was bei Peter noch nicht der Fall ist, bei Rodney hingegen schon  ein Gruntfile-Vergleich ergibt, dass Rod den mit Abstand längsten hat, was mit Streams weniger unübersichtlich wäre. Dem Stream-Prinzip gegenüber sind wir grundsätzlich alle sehr positiv eingestellt; Pipes und die daran andockende Unix-Philosophie sind was feines. Über Pipes kommen wir zum Thema Promises und funktionale Programmierung, das Peter mit etwas Fabuliererei über Bacon.js abschließt.
      [01:14:47] Keine Schaunotizen
      PostCSS
      Tool zum Parsen und Manipulieren von CSS.
      Polyfill.js
      Das Tool für euren nächsten CSS-Polyfill.
      JS Test – Code Coverage
      Drei Artikel erklären wie ihr die Coverage eurer JS-Tests ermitteln könnt.
      [01:18:54] Tipp der Woche
      Chrome Devtools
      Stefan hat herausgefunden: die Suche im Elements-Panel (STRG/CMF+F) akzeptiert auch CSS-Selektoren (und XPath).

      Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

      1 hr 20 min
    • Revision 152: JSPerf, Open Source, Gulp, Funktionales
      Nach vielen Revisionen mit Rumpfbesatzung und Themenmangel geht es diemal wieder voll zur Sache: Schepp, Rodney, Stefan und Peter erklären ranten und mäandern durch die diesmal durchaus vorhandenen Themen der vergangenen Woche.
      Außerdem führen wir versuchsweise eine neue Rubrik ein: beim Tipp der Woche werden wir (un)regemäßig Kleinst-Tipps für den Weballtag absondern, die uns im Laufe der letzten sieben Tage über den Weg gelaufen sind. Außerdem neu aus Github: Workingdraft-Metadata!
      [00:00:12] News
      Autoprefixer 1.0
      Jetzt mit Source Maps!
      Workingdraft Metadata
      Alle Daten zu allen Episoden von Working Draft auf Github. Gehet hin und hacket!
      Schaunotizen
      [00:00:34] Stop JSPerf abuse
      Wir reden über einen Rant, der einen unsauberen JSPerf-Vergleich von jQuerys .addClass() mit nativer classList (MDN) zum Thema hat. Rodney zürnt über die classList-API und berichtet von seinen eigenen JSPerf-Erfahrungen. Performance-Pontifex Schepp ordnet das Thema etwas ein: Man sollte kein JSPerf-Nazi werden, da Rendering und CSS die eigentlichen Problemfelder sind und der Browser automatisch JS optimiert, was im Falle von Chrome auch bequem nachvollzogen werden kann.
      [00:16:30] Upgrading to iScroll 5
      Rodney hatte großen Spaß am Versuch, Version 5 von iScroll (einer Library für Scrollerei auf Mobilgeräten) zu benutzen und lässt uns alle daran teilhaben. Breaking Changes beim Wechsel von 4 auf 5 sind laut Semantic Versioning zwar möglich, werden aber zum Ärgernis wenn sie nicht dokumentiert sind. So fordern wir Changelog und Migration Guide für alle Open-Source-Projekte, denn das reduziert nicht nur Nutzerfrust, sondern sorgt auch dafür, dass Autoren von Software weniger Supportanfragen bearbeiten müssen – Rod spricht aus Erfahrung.
      [00:39:42] Gulp und funktionale Programmierung
      Gulp ist ein Buildsystem wie Grunt, allerdings streambasiert (siehe Slides). Ein Wechsel scheint dann sinnvoll, wenn man großen gruntinduzierten Leidensdruck verspürt, was bei Peter noch nicht der Fall ist, bei Rodney hingegen schon  ein Gruntfile-Vergleich ergibt, dass Rod den mit Abstand längsten hat, was mit Streams weniger unübersichtlich wäre. Dem Stream-Prinzip gegenüber sind wir grundsätzlich alle sehr positiv eingestellt; Pipes und die daran andockende Unix-Philosophie sind was feines. Über Pipes kommen wir zum Thema Promises und funktionale Programmierung, das Peter mit etwas Fabuliererei über Bacon.js abschließt.
      [01:14:47] Keine Schaunotizen
      PostCSS
      Tool zum Parsen und Manipulieren von CSS.
      Polyfill.js
      Das Tool für euren nächsten CSS-Polyfill.
      JS Test – Code Coverage
      Drei Artikel erklären wie ihr die Coverage eurer JS-Tests ermitteln könnt.
      [01:18:54] Tipp der Woche
      Chrome Devtools
      Stefan hat herausgefunden: die Suche im Elements-Panel (STRG/CMF+F) akzeptiert auch CSS-Selektoren (und XPath).
      1 hr 20 min

    About Working Draft

    From the publisher's feed

    Working Draft ist der deutschsprachige Podcast für Frontend-Entwicklung, Webdesign und UI Engineering.

    More shows like Working Draft

    Bits und so by Undsoversum GmbH

    Bits und so

    26 Listeners

    Freak Show by Metaebene Personal Media - Tim Pritlove

    Freak Show

    9 Listeners

    AstroGeo - Geschichten aus Astronomie und Geologie by Karl Urban und Franziska Konitzer

    AstroGeo - Geschichten aus Astronomie und Geologie

    3 Listeners

    Geschichten aus der Geschichte by Richard Hemmer und Daniel Meßner

    Geschichten aus der Geschichte

    177 Listeners

    c’t uplink - der IT-Podcast aus Nerdistan by c’t Magazin

    c’t uplink - der IT-Podcast aus Nerdistan

    9 Listeners

    Stay Forever - Retrogames & Technik by Stay Forever Team

    Stay Forever - Retrogames & Technik

    34 Listeners

    Logbuch:Netzpolitik by Metaebene Personal Media - Tim Pritlove

    Logbuch:Netzpolitik

    5 Listeners

    programmier.bar – der Podcast für App- und Webentwicklung by programmier.bar

    programmier.bar – der Podcast für App- und Webentwicklung

    0 Listeners

    Podcasts von Tichys Einblick by Tichys Einblick

    Podcasts von Tichys Einblick

    21 Listeners

    eat.READ.sleep. Der Podcast, der das Lesen feiert. by NDR

    eat.READ.sleep. Der Podcast, der das Lesen feiert.

    24 Listeners

    Finanzen ganz einfach - von Saidi, Sophie & Emil by Finanztip

    Finanzen ganz einfach - von Saidi, Sophie & Emil

    8 Listeners

    Lanz + Precht by ZDF, Markus Lanz & Richard David Precht

    Lanz + Precht

    325 Listeners

    {ungeskriptet} - Der Meinungsfreiheit verpflichtet. by Ben Berndt

    {ungeskriptet} - Der Meinungsfreiheit verpflichtet.

    45 Listeners

    KI-Update – ein heise-Podcast by Isabel Grünewald, heise online

    KI-Update – ein heise-Podcast

    9 Listeners

    Engineering Kiosk by Wolfgang Gassler, Andy Grunwald

    Engineering Kiosk

    0 Listeners