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

September 01, 2015 Revision 231: Meteor, CSS in JS, dreiste Eigenwerbung
Heute waren Manuel und Stephan von SHOP.CO zu Gast, die durch Stefan, Schepp, Peter und Hans ausführlich zu ihrem Projekt und zum JS-Framework Meteor ausgefragt wurden.
Schaunotizen
[00:07:52] Meteor
Bei Meteor handelt es sich um einen schnell und einfach aufgesetzten MEAN-Stack (MongoDB, ExpressJS, AngularJS, NodeJS) plus ein paar hilfreiche Libraries, der besonders für die schnelle Entwicklung einer App von Null an geeignet ist. Besonders auffällig sind die Live-Instant-Updates von Datenänderungen, das eigene Package-Repository Atmosphere und die Isomorphe Daten-API. Als Quelle für weitere Infos ist neben dem Tutorial auf der Meteor-Webseite vor allem das Buch Meteor in Action, geschrieben von unseren beiden Gästen zu empfehlen. News gibt es auf crater.io.
[00:34:36] CSS Modules
CSS in JS-Modulen, in Form von JavaScript – gute Idee oder nicht? Es besteht offenbar Bedarf an einer Möglichkeit, CSS zu de-globalisieren und ein vernünftiges Scoping einzurichten, was aber im Prinzip auch möglich wäre, ohne CSS zugungsten von JS komplett links liegen zu lassen (z.B. mit Peters Web Component für Scoped Styles). Trotzdem gibt es viele Stimmen, die das Ende von klassischem CSS heraufbeschwören oder im JS-Weg zumindest manchmal für eine echte Alternative sehen.
[01:02:56] Keine Schaunotizen
Edge VM on modern.ie
Windows-10-VMs direkt von der Quelle.
Stahlstadt.js
Stefan macht Werbung für das Linzer JS-Meetup.
eslint-plugin-no-use-extend-native
ESLint-Plugin, das vor unsachgemäßen Erweiterungen der nativen Prototypen warnt.
ES6 In Depth: Modules
Mozilla erklärt ES6-Module im Detail.
MODXpo Munich 2015
Hans macht Werbung für die MODXpo, auf der er uns Anselm die Bühne erklimmen werden.
Tasks, microtasks, queues and schedules
Jake Archibald erklärt Microtasks so, dass man es auch versteht.
PHP.RUHR
Schepp macht Werbung für die PHP.RUHR, wo er mal als Performance Papst der PHP-Community die Beichte abnehmen wird.
SHOP.CO will euch!
Das Startup unserer Gäste sucht vom Senior Web Developer bis hin zum Praktikanten alles!
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 10 min
September 01, 2015 Revision 231: Meteor, CSS in JS, dreiste Eigenwerbung
Heute waren Manuel und Stephan von SHOP.CO zu Gast, die durch Stefan, Schepp, Peter und Hans ausführlich zu ihrem Projekt und zum JS-Framework Meteor ausgefragt wurden.
Schaunotizen
[00:07:52] Meteor
Bei Meteor handelt es sich um einen schnell und einfach aufgesetzten MEAN-Stack (MongoDB, ExpressJS, AngularJS, NodeJS) plus ein paar hilfreiche Libraries, der besonders für die schnelle Entwicklung einer App von Null an geeignet ist. Besonders auffällig sind die Live-Instant-Updates von Datenänderungen, das eigene Package-Repository Atmosphere und die Isomorphe Daten-API. Als Quelle für weitere Infos ist neben dem Tutorial auf der Meteor-Webseite vor allem das Buch Meteor in Action, geschrieben von unseren beiden Gästen zu empfehlen. News gibt es auf crater.io.
[00:34:36] CSS Modules
CSS in JS-Modulen, in Form von JavaScript – gute Idee oder nicht? Es besteht offenbar Bedarf an einer Möglichkeit, CSS zu de-globalisieren und ein vernünftiges Scoping einzurichten, was aber im Prinzip auch möglich wäre, ohne CSS zugungsten von JS komplett links liegen zu lassen (z.B. mit Peters Web Component für Scoped Styles). Trotzdem gibt es viele Stimmen, die das Ende von klassischem CSS heraufbeschwören oder im JS-Weg zumindest manchmal für eine echte Alternative sehen.
[01:02:56] Keine Schaunotizen
Edge VM on modern.ie
Windows-10-VMs direkt von der Quelle.
Stahlstadt.js
Stefan macht Werbung für das Linzer JS-Meetup.
eslint-plugin-no-use-extend-native
ESLint-Plugin, das vor unsachgemäßen Erweiterungen der nativen Prototypen warnt.
ES6 In Depth: Modules
Mozilla erklärt ES6-Module im Detail.
MODXpo Munich 2015
Hans macht Werbung für die MODXpo, auf der er uns Anselm die Bühne erklimmen werden.
Tasks, microtasks, queues and schedules
Jake Archibald erklärt Microtasks so, dass man es auch versteht.
PHP.RUHR
Schepp macht Werbung für die PHP.RUHR, wo er mal als Performance Papst der PHP-Community die Beichte abnehmen wird.
SHOP.CO will euch!
Das Startup unserer Gäste sucht vom Senior Web Developer bis hin zum Praktikanten alles!
1 hr 10 min
August 31, 2015 Revision 230: CSS input modality und die Unzufriedenheit mit der Gesamtsituation
Mit Schepp, Stefan, Peter, Hans und Anselm ging es diesmal nach einem kurzen Schlenker in die CSS-Zukunft mit voller Kraft auf die Meta-Ebene.
Schaunotizen
[00:00:15] Proposing CSS input modality
Wir bespechen einen Vorschlag für Media Queries für Eingabe-Verfahren. Dabei tangieren wir Selectors Level 4, Schepps DIY-Spezial-Lösung für Touch-Detection, Focus-Styles und Barrierefreiheit und das nicht ganz JS-Tool what-input, das sich ebenfalls mit dem Erkennen von Eingebemodi befasst.
[00:13:24] What’s wrong with the web
Wir stimmen ein vielstimmiges Wehklagen über den Ist-Zustand des WWW an. Angefangen bei diesem lächerlichen Verge-Artikel von vor einiger Zeit über Werbeblockerei und langsame Webseiten allgemein (und wie GQ schnell wurde) bis hin zu lästiger Werbung haben wir uns über viel zu beschweren. Datensammelei (vertreten durch u.A. segment.com und geblockt durch disconnect.me und Ghostery) darf auch nicht fehlen. Am Ende kommen wir zu Peters Schlechte-Computer-Hypothese, die sich auch in der Präsentation Web Design: The First 100 Years wiederfindet. Ach, und das WLAN im ICE ist natürlich auch doof.
[01:09:17] Keine Schaunotizen
npm-windows-upgrade
Upgrade npm on Windows, easily and automatically.
Punched Card Coding
Ein Fachmann erzählt davon, wie man interaktive HTML-E-Mails erschafft. Ein kreatives Hack-Feuerwerk und absolutes Must-See.
Tern is getting ES6 support
ES6 für Tern … wenn wir die Kohle dafür aufbringen. Was wir tun sollten.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 12 min
August 31, 2015 Revision 230: CSS input modality und die Unzufriedenheit mit der Gesamtsituation
Mit Schepp, Stefan, Peter, Hans und Anselm ging es diesmal nach einem kurzen Schlenker in die CSS-Zukunft mit voller Kraft auf die Meta-Ebene.
Schaunotizen
[00:00:15] Proposing CSS input modality
Wir bespechen einen Vorschlag für Media Queries für Eingabe-Verfahren. Dabei tangieren wir Selectors Level 4, Schepps DIY-Spezial-Lösung für Touch-Detection, Focus-Styles und Barrierefreiheit und das nicht ganz JS-Tool what-input, das sich ebenfalls mit dem Erkennen von Eingebemodi befasst.
[00:13:24] What’s wrong with the web
Wir stimmen ein vielstimmiges Wehklagen über den Ist-Zustand des WWW an. Angefangen bei diesem lächerlichen Verge-Artikel von vor einiger Zeit über Werbeblockerei und langsame Webseiten allgemein (und wie GQ schnell wurde) bis hin zu lästiger Werbung haben wir uns über viel zu beschweren. Datensammelei (vertreten durch u.A. segment.com und geblockt durch disconnect.me und Ghostery) darf auch nicht fehlen. Am Ende kommen wir zu Peters Schlechte-Computer-Hypothese, die sich auch in der Präsentation Web Design: The First 100 Years wiederfindet. Ach, und das WLAN im ICE ist natürlich auch doof.
[01:09:17] Keine Schaunotizen
npm-windows-upgrade
Upgrade npm on Windows, easily and automatically.
Punched Card Coding
Ein Fachmann erzählt davon, wie man interaktive HTML-E-Mails erschafft. Ein kreatives Hack-Feuerwerk und absolutes Must-See.
Tern is getting ES6 support
ES6 für Tern … wenn wir die Kohle dafür aufbringen. Was wir tun sollten.
1 hr 12 min
August 11, 2015 Revision 229: Stop pushing the web forward
Weder Sommerhitze noch Sommerloch konnten Stefan, Schepp und Peter davon abhalten das einzige nennenswerte Thema der Woche in eigentlich völlig ungebührlicher Breite durchzukauen.
Schaunotizen
[00:00:10] Stop pushing the web forward
Peter-Paul Koch fordert ein Moratorium über neue Browserfeatures und wir sind einigermaßen perplex. Nicht nur glauben wir, dass PPK weiß, dass sich das nicht durchsetzen lässt, auch über Motivation und Ziele hinter dieser Forderung sind wir ziemlich verwirrt und wir halten sie am Ende für ziemlichen Käse. Schützenhilfe bekommen wir aus der Richtung von Jake Archibald und Bruce Lawson, die ebenfalls nicht viel mit dem Moratorium anfangen können.
[00:37:32] Keine Schaunotizen
Designing for Performance – free online
Ein Einsteiger-Buch über Performance für Designer, jetzt kostenlos online.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
40 min
August 11, 2015 Revision 229: Stop pushing the web forward
Weder Sommerhitze noch Sommerloch konnten Stefan, Schepp und Peter davon abhalten das einzige nennenswerte Thema der Woche in eigentlich völlig ungebührlicher Breite durchzukauen.
Schaunotizen
[00:00:10] Stop pushing the web forward
Peter-Paul Koch fordert ein Moratorium über neue Browserfeatures und wir sind einigermaßen perplex. Nicht nur glauben wir, dass PPK weiß, dass sich das nicht durchsetzen lässt, auch über Motivation und Ziele hinter dieser Forderung sind wir ziemlich verwirrt und wir halten sie am Ende für ziemlichen Käse. Schützenhilfe bekommen wir aus der Richtung von Jake Archibald und Bruce Lawson, die ebenfalls nicht viel mit dem Moratorium anfangen können.
[00:37:32] Keine Schaunotizen
Designing for Performance – free online
Ein Einsteiger-Buch über Performance für Designer, jetzt kostenlos online.
40 min
August 06, 2015 Revision 228: Wie Sipgate arbeitet
Heute gibt es mal wieder ein Interview von uns, und zwar mit der VoIP-Firma Sipgate zum Thema „Arbeitsstrukturen“. Anlass ist ein sehr detaillierter und wahnsinnig interessanter Artikel der Firma darüber, wie man dort zu Werke geht. Für uns klang das so ungewöhnlich und so gut, dass wir dachten, wir lassen uns das „System Sipgate“ nochmal persönlich erklären. Unsere Gesprächspartner bei Sipgate waren die Texterin Anna Müller und der Backend-Entwickler David Hasenbeck.
Schaunotizen
[00:00:00] Willkommen bei Sipgate! Wie wir arbeiten. Eine Bedienungsanleitung.
„Jedes Unternehmen hat seinen Mikrokosmos mit eigenen Regeln und individuellen Gepflogenheiten — so auch wir bei sipgate. Um neuen Kolleginnen und Kollegen einen schnellen Einstieg in unseren Modus Operandi zu ermöglichen, haben wir diese Bedienungsanleitung verfasst. Und dann festgestellt, dass diese vielleicht auch für andere interessant sein könnte.“ – Oh ja, sehr interessant!
[00:31:41] Verlosung
Gewinnt ein Ticket für die NightlyBuild 2015
Wir verlosen ein Ticket für die Anfang September in Köln stattfindende Abend-Konferenz NightlyBuild 2015. Wer Lust drauf hat, kommentiert hier drunter und landet dann automatisch im Topf. Sinnvolle Kommentare werden bevorzugt.
[00:32:34] Keine Schunotizen
Styling SVG Content with CSS
An in-depth article on how to style the contents of the SVG element and overcome some challenges it brings.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
34 min
August 06, 2015 Revision 228: Wie Sipgate arbeitet
Heute gibt es mal wieder ein Interview von uns, und zwar mit der VoIP-Firma Sipgate zum Thema „Arbeitsstrukturen“. Anlass ist ein sehr detaillierter und wahnsinnig interessanter Artikel der Firma darüber, wie man dort zu Werke geht. Für uns klang das so ungewöhnlich und so gut, dass wir dachten, wir lassen uns das „System Sipgate“ nochmal persönlich erklären. Unsere Gesprächspartner bei Sipgate waren die Texterin Anna Müller und der Backend-Entwickler David Hasenbeck.
Schaunotizen
[00:00:00] Willkommen bei Sipgate! Wie wir arbeiten. Eine Bedienungsanleitung.
„Jedes Unternehmen hat seinen Mikrokosmos mit eigenen Regeln und individuellen Gepflogenheiten — so auch wir bei sipgate. Um neuen Kolleginnen und Kollegen einen schnellen Einstieg in unseren Modus Operandi zu ermöglichen, haben wir diese Bedienungsanleitung verfasst. Und dann festgestellt, dass diese vielleicht auch für andere interessant sein könnte.“ – Oh ja, sehr interessant!
[00:31:41] Verlosung
Gewinnt ein Ticket für die NightlyBuild 2015
Wir verlosen ein Ticket für die Anfang September in Köln stattfindende Abend-Konferenz NightlyBuild 2015. Wer Lust drauf hat, kommentiert hier drunter und landet dann automatisch im Topf. Sinnvolle Kommentare werden bevorzugt.
[00:32:34] Keine Schunotizen
Styling SVG Content with CSS
An in-depth article on how to style the contents of the SVG element and overcome some challenges it brings.
34 min
July 30, 2015 Revision 227: Ask Anselm Anything und Underscore
An diesem lauen Sommerabend telefonieren sich Anselm, Hans und Peter zusammen, um letzte wichtige Fragen vor dem Urlaub zu klären. Als da wären…
Schaunotizen
[00:00:13] Ask me Anything
Reddit und Sindre Sorhus zum Vorbild, hat Anselm auf GitHub eine sogenannte „Ask me Anything“-Sektion (AMA) aufgemacht, auf der jedermann ihn zu allem befragen kann. Ob er jedem immer antwortet und was das Ganze für einen Sinn haben könnte, das wollen Hans und Peter in einem persönlichen AMA gerne herausfinden. Fest steht: Hans sieht für sich da nicht viel Sinn drin und Peter antwortet bei sich im Blog eigentlich nur auf Fachfragen.
[00:14:57] You Might Not Need Underscore
Peter und Hans unterhalten sich eine gute Dreiviertelstunde über die Nützlichkeit von Underscore bzw. seinem Zwilling lodash, und ob die Bibliotehken dank neuerer ECMAScript Features nicht vielleicht sogar gänzlich überflüssig geworden sind. Wir stellen fest: Beide haben ihre ganz eigenen Perspektiven auf die Dinge.
[00:58:18] Keine Schaunotizen
Introducing Material Design Lite
Google stellt die UI-Bibliothek Material Design Lite vor, die es erlaubt, den Material Design Look & Feel mit jedem beliebigen MVC-Framework zu verheiraten.
Web Platform Incubator Community Group (WICG)
Ihr habt eine Idee für einen neuen nützlichen Webstandard? Ihr habt Lust, Eure Idee bis zu einer Spezifikation voranzutreiben? Diese Community Group soll Euch dabei helfen, Eure Idee zu validieren und sie gedanklich wie auch inhaltlich „zur Marktreife“ zu bringen, auf dass sie am Ende tatsächlich in eine gut durchdachte und dokumentierte Spezifikation münden kann.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 2 min
July 30, 2015 Revision 227: Ask Anselm Anything und Underscore
An diesem lauen Sommerabend telefonieren sich Anselm, Hans und Peter zusammen, um letzte wichtige Fragen vor dem Urlaub zu klären. Als da wären…
Schaunotizen
[00:00:13] Ask me Anything
Reddit und Sindre Sorhus zum Vorbild, hat Anselm auf GitHub eine sogenannte „Ask me Anything“-Sektion (AMA) aufgemacht, auf der jedermann ihn zu allem befragen kann. Ob er jedem immer antwortet und was das Ganze für einen Sinn haben könnte, das wollen Hans und Peter in einem persönlichen AMA gerne herausfinden. Fest steht: Hans sieht für sich da nicht viel Sinn drin und Peter antwortet bei sich im Blog eigentlich nur auf Fachfragen.
[00:14:57] You Might Not Need Underscore
Peter und Hans unterhalten sich eine gute Dreiviertelstunde über die Nützlichkeit von Underscore bzw. seinem Zwilling lodash, und ob die Bibliotehken dank neuerer ECMAScript Features nicht vielleicht sogar gänzlich überflüssig geworden sind. Wir stellen fest: Beide haben ihre ganz eigenen Perspektiven auf die Dinge.
[00:58:18] Keine Schaunotizen
Introducing Material Design Lite
Google stellt die UI-Bibliothek Material Design Lite vor, die es erlaubt, den Material Design Look & Feel mit jedem beliebigen MVC-Framework zu verheiraten.
Web Platform Incubator Community Group (WICG)
Ihr habt eine Idee für einen neuen nützlichen Webstandard? Ihr habt Lust, Eure Idee bis zu einer Spezifikation voranzutreiben? Diese Community Group soll Euch dabei helfen, Eure Idee zu validieren und sie gedanklich wie auch inhaltlich „zur Marktreife“ zu bringen, auf dass sie am Ende tatsächlich in eine gut durchdachte und dokumentierte Spezifikation münden kann.
1 hr 2 min