Working Draft

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

Spenden für Soundqualität!

Unsere Aufnahmen werden optimiert mit Auphonic.
Flattern oder direkt bei Auphonic spenden.

Sponsoren gesucht!

Als Podcast versuchen wir die Qualität der Aufnahmen hoch zu halten. Dafür verwenden wir Tools, die nicht kostenlos sind. Auch unser Aufnahme-Equipment kostet Geld.

Mit rund 15.000 Downloads pro Folge im Schnitt haben wir Herausforderungen im Hosting zu bewältigen, vor allem der Traffic ist recht hoch.

Um diese Kosten decken zu können, suchen wir Sponsoren. Wenn ihr unseren Podcast gut findest, sprecht mit euren Chefs. Bei Interesse, kontaktiert uns per E-Mail: sponsoring@workingdraft.de.

Revision 288: Frontify, Styleguides

15. Februar 2017 | Kommentare deaktiviert für Revision 288: Frontify, Styleguides

Zur Revision 288 haben wir uns einen Gast aus der Schweiz eingeladen: Roger Dudler, der CTO von Frontify.
Gemeinsam sprechen wir über Frontify und das Thema Styleguides.

Schaunotizen

[00:00:36] Frontify
Roger erzählt über seine Arbeit bei Frontify. Frontify befasst sich vor allem mit Marken-Management und der Zusammenarbeit von Entwicklern und Designern. Außerdem berichtet Roger darüber, wie sie Fractal als Inspiration für die eigenen Ideen genutzt haben. Mehr Informationen zu Zepplin gibt es hier. Fronifys Pattern Library API Module findet hier hier. Roger auf Twitter oder per Mail.

[00:48:46] Keine Schaunotizen

Clean Code concepts adapted for JavaScript
Guidelines zum Schreiben von sauberem JavaScript Code.
The end of the clearfix hack?
Braucht man den Clearfix-Hack bald nicht mehr? display: flow-root; soll das Problem lösen.
Detecting text in an image on the web in real-time
Text von Bildern lesen – mit JavaScript.

Revision 287: Microinformationen und CoderDojo

29. Januar 2017 | 7 Kommentare

Anselm und Hans haben dieses mal Joschi Kuphal (seine Firma, Twitter) zu Gast.

Keine News

Schaunotizen

[00:00:53] Microinformationen
Joschi Kuphal beschäftigt sich seit vielen Jahren mit Microinformationen – Informationen, die gerade Suchmaschinen helfen, Inhalte besser zu erkennen (sein Parser). Aufgrund seiner Expertise, hilft er uns als unwissende das Thema zu verstehen.
Er erklärt uns die Unterschiede zwischen den einzelnen Formaten: Microformats 2, Microdata, JSON LD und RDFa.
[00:43:25] CoderDojo
Joschi hat in Nürnberg aus Eigeninitiative (eigenes Kind) vor ca. 2 Jahren das CoderDojo gegründet. Dort lernen Mentoren mit Kindern spielerisch Robotik und Programmierung. Die Veranstaltungen gibt es weltweit.
Beim CoderDojo in Nürnberg gab es nun eine Crowdfunding Kampagne, um 50 gute Stühle für die Kinder zu besorgen.
Mentoren sind beim CoderDojo überall herzlich willkommen. Wenn man Interesse an der Organisation eines eigenen Dojos hat sollte einfach Leute finden, die mitmachen möchten, und den Anregungen der Mutter-Foundation folgen oder andere CoderDojos fragen.

[01:02:28] Keine Schaunotizen

WDRL – Web Development Reading List | The 2016 Almanac
Anselm hat alle Links seiner WDRL von 2016 in einem übersichtlichen Nachschlagewerk aufbereitet.

Revision 286: Aurelia

23. Januar 2017 | 2 Kommentare

Auf der Reise durch Frontend-Framework-Mordor sehen sich die Gefährten des Teams Working Draft unversehens dem Aurelia-Framework gegenüber. Aber keine Angst: die heldenhafte Katharina Bähr (Blog, Twitter) ist dabei und beantwortet jede Frage, die Schepp, Hans und Peter zu Aurelia haben.

Schaunotizen

[00:01:02] Aurelia
Katharina ist Webentwicklerin bei Zühlke und berichtet von ihren Einsatzerfahrungen mit Aurelia. Aurelia ist ein OpenSource-Projekt (MIT-Lizenz) aus der Feder des ehemaligen Angular-Entwicklers Rob Eisenberg bzw. seiner Firma Blue Spire. Aurelia ist ein modulares Frontend-JavaScript-Framework und setzt auf moderne Webstandards statt Neuerfindungen. So kommt anstelle von Eigenbau-JS-Dialekten ES6 zum Einsatz und Web Components finden ebenfalls Verwendung (aktuelle Typinformationen für TypeScript gibt es natürlich trotzdem). Das Framework folgt dem Convention-Over-Configuration-Paradigma und enthält so ziemlich alle Features, die man von einem Frontend-Framework erwarten würde (Data Binding usw.), einzig Server-Side-Rendering fehlt noch. Des weiteren sprechen wir über die Aurelia-Community, speziell im deutschsprachigen Raum, Aurelia-Plugins (u.A. für jQuery, KendoUI, Electron, Cordova) vergleichen Aurelia mit Ember, React, Angular und Konsorten und sprechen am Ende über geplante Features und Katharinas Wunschzettel für die nächsten Versionen.

[00:54:35] Keine Schaunotizen

How I converted my React app to VanillaJS (and whether or not it was a terrible idea)
Erhellende kleine Reise durch das Innenleben von Frontend-Webapps.
Hyper – HTML/CSS/JS Terminal
Na, wie lange haltet ihr das Video auf der Startseite aus, ehe ihr auf den Download-Button drücken müsst?
Videos vom JS Kongress 2016
Youtube-Playlist mit vielen ca. 25 Minuten kurzen Talks.

Revision 285: Plausch mit Vitaly Friedman

29. Dezember 2016 | 2 Kommentare

Zum Jahresende haben sich Hans, Anselm, Schepp und Stefan niemand geringeren als Vitaly Friedman vom Smashing Magazine eingeladen, um
ausgiebig über aktuelle Trends, Vitalys Werdegang und natürlich das Smashing Magazine zu plaudern.

Schaunotizen

[00:01:24] Vitaly Friedman
Vitaly erzählt uns von seinem Werdegang: Aufgewachsen in Weißrussland kommt er zur Jahrtausendwende nach Deutschland und bringt sich im Autodidakt die nötigen Dinge fürs Web Design bei (und schwört immer noch auf Adobe Imagestyler). Nach einigen Projekten landet er bei Doktor Web und schließlich beim Smashing Magazine.
[00:18:50] Web Performance und Style Guides
Vitaly ist auch als Consultant unterwegs und berät weltweit Firmen zu UX und Technikthemen. Aktuell beschäftigt er sich sehr stark mit Web Performance (siehe oben) und Pattern Libraries. Wir plaudern über aktuelle Technologien und Tools zu diesen Themen, und sind sehr begeistert von Air/Shots, HTTP/2 und Zeplin.
[00:49:52] Des Frequent Flyers Geldspartipps.
Vitaly fliegt viel. Sehr, sehr viel. Viele Reisen bedeuten auch viele kleine Optimierungsmöglichkeiten, wie man das maximale aus einem minimalen Flugbudget bekommt.
[01:12:54] Schreiben für das Smashing Magazine
Das Smashing Magazine hat sich von einer Top-Ten-Listen-Seite zu einem der renommiertesten Web Magazine gemausert. Dazu gehört eine unglaublich genaue Qualitätskontrolle und auch viel Ausmusterung des Contents. Vitaly erzählt über den Review Prozess, Stefan steuert seine eigenen Erfahrungen bei.

Revision 284: Rückblick und Ausblick

25. Dezember 2016 | Kommentare deaktiviert für Revision 284: Rückblick und Ausblick

Vor ziemlich genau einem Jahr telefonierten Rodney und Schepp sich zusammen, und starteten den Versuch einer Technologie-Prognose für das nachfolgende Jahr: Welche brandneuen Technologien, Frameworks, Tools und Methodiken würden 2016 Fahrt aufnehmen? Heute blicken wir zu dritt zurück auf diese Folge und schauen, was davon eingetreten ist. Soviel lässt sich sagen: Wir lagen bei mindestens so vielen Vermutungen richtig, wie wir auch falsch lagen. Ganz am Ende wagen wir sogar noch einen vorsichtigen Ausblick auf 2017.

Schaunotizen

[00:00:14] Der Jahr-2016-Progonosen-Check
Folgende URLs passierten im Verlauf der Diskussion unsere Browser-Adresszeilen:

Revision 283: vue.js und Chatbots

12. Dezember 2016 | 4 Kommentare

Zur Revision 283 des Working Draft durften wir wieder einmal zwei Gäste empfangen. Mit dabei waren Christoph Rumpel, den ihr bereits aus der Revisionen 147 kennt, und Roman Kuba, der noch nicht dabei war. Geballte Österreichische Power im Haus!

Die beiden brachten jeweils ein Thema mit, das wir ausführlich diskutieren konnten.

Keine News

Schaunotizen

[00:01:25] vue.js
Der neue Rising Star am JavaScript-Framework-Himmel ist ohne Zweifel vue.js. Roman klärt uns auf, was das Framework so toll macht und wie er darauf kam. Wir diskutieren Unterschiede und Parallelen zu den bekannten Frameworks Angular.js und React.js. Für alle Interessierten bietet der Vue.js Feed alle News. Den erwähnten Laracast findet ihr hier.
[00:41:07] Chatbots
Auch auf dem aufsteigenden Ast befinden sich Chatbots. Die kleinen Helferchen stehen uns in Form von Siri und „OK Google“ ständig zur Verfügung. Allerdings verbirgt sich dahinter so viel mehr. Christoph hat sich mit dem Thema ausführlicher beschäftigt und berichtet unter anderem von der ersten Chatbot-Conference und Gehversuche mit Chatbots in seiner Agentur.

[01:10:47] Keine Schaunotizen

Fullstack Radio – Vue.js
Ein weiterer Podcast zum Thema Vue.js.
NELA Chatbot
Der erste Chatbot, den Christophs Agentur Liechtenecker entwickelte.

Revision 282: AMP aus Anwenderperspektive

5. Dezember 2016 | 1 Kommentar

Ein weiteres Mal widmen wir uns Googles AMP. Um nach der Revision mit dem AMP-Projektleiter auch mal die Nutzerperspektive kennen zu lernen, luden wir uns Tobias Block aus Düsseldorf ein, der sich als Mobile-Frontend-Developer für RP-Online verdingt und uns Einblicke aus der täglichen AMP-Praxis gab.

Schaunotizen

[00:01:20] AMP aus Anwenderperspektive
Nach einem kurzen AMP-Überblick kommen wir zum Kernfeature von AMP: eine komplexen Webseite eines großen Unternehmens ist mit AMP einfach schnell zu machen. Wir sprechen unter anderem über AMP und Werbung, Erträge, Links, Pageviews mit AMP, vergleichen AMP mit normalen mobilen Webseiten, spekulieren über finstere Machenschaften auf Seiten von Google, Features und noch offene Wünsche und wie sich AMP als Werkzeug auf Ganze-Firma-Skala betrachten lässt.

Revision 281: State of React

30. November 2016 | 2 Kommentare

Stefan hat sich heute Nik Graf und Max Stoiber vom React Vienna Meetup eingeladen um die diesjährige Reactive Conf und den aktuellen State of React zu besprechen. Viel Spaß!

[00:00:18] News

Node.js 7.0 Release
Node 7 ist draußen und zu 98% ES2015 kompatibel.

Schaunotizen

[00:00:40] The State of React
Wir plaudern ausgiebig über die Tage vor und während der Reactive Conference. Beginnend beim letzten React Vienna Meetup bis hin zu den großen Ankündigungen und die kommenden Projekte. Um unseren anhaltenden Bewusstsseinstrom zu verfolgen gibt es hier eine Linkliste mit den wichtigsten Beiträgen:

Revision 280: Yarn und Styled Components

28. Oktober 2016 | Kommentare deaktiviert für Revision 280: Yarn und Styled Components

Hans, Stefan und Schepp besprechen heute den kürzlich veröffentlichten Paketmanager Yarn und die „Styled Components“ CSS Lösung für React.

Schaunotizen

[00:01:51] Yarn
Yarn schickt sich an als neuer Paket-Manager für NPM und Bower die ultimative Lösung für den Web-Entwickler von heute zu sein, der sowohl am Front-End als auch bei Node die bestmöglichen Ergebnisser erzielt: Schnell, stabil, sicher. Und mit einem Lockfile der sichere Garant auf allen Plattformen zu jeder Zeit einen bestimmten Status herstellen zu können. Mit Facebook, Google und Yehuda Katz an Bord ist die Hersteller-Runde ziemlich prominent besetzt und Garant für langfristigen Fortbestand.
Wir haben Yarn getestet und sind ein wenig in die Tiefen vorgedrungen: Wie arbeitet das Lockfile und der daraus resultierende Dependency Tree? Wie unterscheidet er sich von NPM, und im Speziellen vom shrinkwrap feature der NPM CLI? Wie funktioniert das Zusammenspiel mit Bower und NPM über Yarn? Funktioniert es überhaupt? Wir klären auf!
[00:30:39] Styled Components
Max Stoiber und Glenn Maddern veröffentlichen mit Styled Components die Mutter der React Styling Lösungen. Das ganze ist schick, verwendet tatsächlich Stylesheets und hat mit eingebauten CSS Modulen auch echt sauberen Output. Wir erinnern uns an den Weg dorthin (im JavaScript gerenderte Style Attribute, würgs) und befinden die jetzige Lösung für elegant und sehr nutzbar!

[00:45:04] Keine Schaunotizen

CSS Hide and Seek
Der ultimative, kampferprobte Screenreader-Only Hack. 2016 Edition.
Taking PHP seriously
PHP. Du vielgenutztes Ziel aller Programmier-Spöttereien. Wie schaffst du es nur von so vielen großen Firmen so gewinnbringend eingesetzt zu werden. Ein Slack Entwickler deckt auf.

Revision 279: Abstand und Urlaub

21. Oktober 2016 | Kommentare deaktiviert für Revision 279: Abstand und Urlaub

Hans und Anselm plaudern mal aus dem Nähkästchen: Warum Hans drei Monate nichts tat, und Anselm einfach mal vier Wochen in den Urlaub fährt. Über Versuche als Selbstständige vom Beruf abzuschalten, aber auch warum wir uns in Deutschland glücklich schätzen können als Arbeitnehmer. Wir freuen uns über eure Kommentare, Erfahrungen und Tipps hierzu.

[00:00:00] News

Angular 2
Viel wahrscheinlich bereits bekannt, ist nun seit dem 15. September Angular 2 als stabile Version verfügbar und kann von euch in neuen Projekten eingesetzt werden.

Schaunotizen

[00:01:06] Abstand und Urlaub
Das Hauptthema heute dreht sich rund um Urlaub und Auszeiten. Anselm hat hierzu auch zwei kleine Artikel verfasst, die ein bisschen mehr Kontext geben und wir möchten an dieser Stelle auch nochmal auf die großartige Vacation Policy von der Firma Basecamp hinweisen, die Arbeitgebern eine Inspiration sein möge. Zuletzt gibt es Dank der Geek Mental Health Week dieses Jahr noch einige weitere Artikel zum Thema Arbeitszeit-, und Freitzeitmanagement.

[00:42:15] Keine Schaunotizen

Feature Queries mit @supports
Zwar sind Feature Queries mittlerweile nicht mehr ganz neu, aber wir finden, dass sie viel zu wenig genutzt werden. Ein guter Einstiegsartikel.
optimize-js
Dieses nützliche kleine Tool wrapped immediately-invoked functions oder likely-to-be-invoked functions in parentheses.
Hyperform
Hyperform bietet endlich eine schlanke, benutzbare Formularvalidierung, die so browsernah wie möglich funktioniert, aber auch erweiterbar ist.