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

June 20, 2016 Revision 265: Weiterbildung im Frontend
Nach monatelange Steineklopfen ist es endlich gelungen, mit dem Pepo eine Revision zum abstrakten Thema „Weiterbildung im Frontend-Bereich“ einzutüten.
Schaunotizen
[00:00:44] Weiterbildung im Frontend-Bereich
Warum scheinen so viele Entwickler nur Dienst nach (locker interpretierter) Vorschrift zu schieben? Liegt es daran, dass (Web)-Entwicklung eine so haarige Angelegenheit ist? Wir sprechen über mögliche Ursachen sowie Team-Management und Organisationstechniken, Scrum, Prozessse, Checklisten und Code Reviews sowie Refactoring (speziell von CSS) und Planung von Refactorings.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
46 min
June 19, 2016 Revision 265: Weiterbildung im Frontend
Nach monatelange Steineklopfen ist es endlich gelungen, mit dem Pepo eine Revision zum abstrakten Thema „Weiterbildung im Frontend-Bereich“ einzutüten.
Schaunotizen
[00:00:44] Weiterbildung im Frontend-Bereich
Warum scheinen so viele Entwickler nur Dienst nach (locker interpretierter) Vorschrift zu schieben? Liegt es daran, dass (Web)-Entwicklung eine so haarige Angelegenheit ist? Wir sprechen über mögliche Ursachen sowie Team-Management und Organisationstechniken, Scrum, Prozessse, Checklisten und Code Reviews sowie Refactoring (speziell von CSS) und Planung von Refactorings.
46 min
June 13, 2016 Revision 264: Make Flash great again
Anselm, Peter und Stefan stellten mal wieder fest: Webentwicklung ist, als wollte man über 9000 Korken gleichzeitig unter Wasser halten. Und hin und wieder klappt das gar nicht mal so gut.
Schaunotizen
[00:00:17] CSS außer Rand und Band
Einem Artikel über CSS-Unit-Tests stehen wir skeptisch gegenüber, erkennen aber an, dass die Menschheit Mittel und Wege sucht, ihr CSS unter Kontrolle zu bekommen. Dieses ist nämlich oft außer Rand und Band. Wir empfehlen als Gegenmittel Systeme wie BEM, klassische Codequalitätssicherungsmaßnahmen wie Reviewprozesse auf CSS anzuwenden, die Finger von Reset-Stylesheets oder Stylesheets wie Normalize.css zu lassen und ausgiebig zu linten. Stefan empfiehlt außerdem CSS-Workshops mit Harry Roberts, der sich durch weit überdurchschnittliche Checkung in diesem Bereich auszeichnet.
[00:29:44] Our best practices are killing mobile web performance
Schaden Desktop-Performance-Best-Practices auf Mobile? Zumindest bei Lazy Loading und asynchronem JavaScript sieht es so aus. Generell ist das Aufstellen allgemeingültiger Regeln in einer Welt, in der HTTP2 neben Oldschool-HTTP existiert, nicht ganz einfach. Projekte wie PageSpeed und der SpeedIndex von webpagetest.org (hier von Stefan detailliert erklärt) probieren es trotzdem. Wie wir dann von HighTechWebTech zum Fazit „Make Flash great again“ kommen, verraten wir an dieser Stelle nicht.
[00:53:35] Keine Schaunotizen
[00:00:00] Learn Redux Video Tutorial Course
Der umtriebige Wes Bos erklärbärt in einer kleinen Videoserie Redux.
[00:00:00] Web and Chrome at Google I/O 2016
Das für Web-Nerds interessanteste von der I/O 2016.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
57 min
June 12, 2016 Revision 264: Make Flash great again
Anselm, Peter und Stefan stellten mal wieder fest: Webentwicklung ist, als wollte man über 9000 Korken gleichzeitig unter Wasser halten. Und hin und wieder klappt das gar nicht mal so gut.
Schaunotizen
[00:00:17] CSS außer Rand und Band
Einem Artikel über CSS-Unit-Tests stehen wir skeptisch gegenüber, erkennen aber an, dass die Menschheit Mittel und Wege sucht, ihr CSS unter Kontrolle zu bekommen. Dieses ist nämlich oft außer Rand und Band. Wir empfehlen als Gegenmittel Systeme wie BEM, klassische Codequalitätssicherungsmaßnahmen wie Reviewprozesse auf CSS anzuwenden, die Finger von Reset-Stylesheets oder Stylesheets wie Normalize.css zu lassen und ausgiebig zu linten. Stefan empfiehlt außerdem CSS-Workshops mit Harry Roberts, der sich durch weit überdurchschnittliche Checkung in diesem Bereich auszeichnet.
[00:29:44] Our best practices are killing mobile web performance
Schaden Desktop-Performance-Best-Practices auf Mobile? Zumindest bei Lazy Loading und asynchronem JavaScript sieht es so aus. Generell ist das Aufstellen allgemeingültiger Regeln in einer Welt, in der HTTP2 neben Oldschool-HTTP existiert, nicht ganz einfach. Projekte wie PageSpeed und der SpeedIndex von webpagetest.org (hier von Stefan detailliert erklärt) probieren es trotzdem. Wie wir dann von HighTechWebTech zum Fazit „Make Flash great again“ kommen, verraten wir an dieser Stelle nicht.
[00:53:35] Keine Schaunotizen
[00:00:00] Learn Redux Video Tutorial Course
Der umtriebige Wes Bos erklärbärt in einer kleinen Videoserie Redux.
[00:00:00] Web and Chrome at Google I/O 2016
Das für Web-Nerds interessanteste von der I/O 2016.
57 min
May 29, 2016 Revision 263: Im Gespräch mit PPK, Chris Heilmann und Jeremy Keith
Voll am podcasten hier, der @workingdraft #btconf pic.twitter.com/4Kzyid5Ujl
— position: absolutely (@tcaspers) 10. Mai 2016
Auch dieses Jahr waren wir auf der Düsseldorfer beyond tellerrand, wo wir nicht nur fantastische Talks gesehen, sondern uns auch wieder jemanden zum Ausfragen geschnappt haben. Anstatt dass es wie sonst nur ein Interviewpartner war, ergab es sich, dass wir derer drei zusammenbekamen: Während drinnen Vorträge liefen, starteten Rodney und Schepp mit PPK und Chris Heilmann ein, und zur Pause gesellte sich spontan noch Jeremy Keith dazu. Im Hof des Capitols sitzend sprachen wir, wie sollte es in dieser Runde anders sein, über übertriebenes Tooling und die Kaputtheit des Webs. Für die Ton-Qualität, die eher mittel (und heftig geräuschgefiltert) ist, entschuldigen wir uns, aber ein Interview im Innenbereich war für uns ebenso wenig praktikabel. Viel Spaß beim Hören!
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 11 min
May 29, 2016 Revision 263: Im Gespräch mit PPK, Chris Heilmann und Jeremy Keith
Voll am podcasten hier, der @workingdraft #btconf pic.twitter.com/4Kzyid5Ujl
— position: absolutely (@tcaspers) 10. Mai 2016
Auch dieses Jahr waren wir auf der Düsseldorfer beyond tellerrand, wo wir nicht nur fantastische Talks gesehen, sondern uns auch wieder jemanden zum Ausfragen geschnappt haben. Anstatt dass es wie sonst nur ein Interviewpartner war, ergab es sich, dass wir derer drei zusammenbekamen: Während drinnen Vorträge liefen, starteten Rodney und Schepp mit PPK und Chris Heilmann ein, und zur Pause gesellte sich spontan noch Jeremy Keith dazu. Im Hof des Capitols sitzend sprachen wir, wie sollte es in dieser Runde anders sein, über übertriebenes Tooling und die Kaputtheit des Webs. Für die Ton-Qualität, die eher mittel (und heftig geräuschgefiltert) ist, entschuldigen wir uns, aber ein Interview im Innenbereich war für uns ebenso wenig praktikabel. Viel Spaß beim Hören!
1 hr 11 min
May 16, 2016 Revision 262: News, Glücksrad, Links
In Ermangelnung großer Themen ließen Stefan, Schepp, Peter und Anselm mal wieder das Glücksrad rotieren.
[00:00:15] News
Geolocation API removed from unsecured origins in Chrome 50
Ab jetzt gibt es Ortung nur noch mit HTTPS.
[00:00:46] Glücksrad
window.open()
Popups, blast from the past! Wir erinnern uns an die seltsamen Parameter dieser Funktion (die interessanterweise in einer CSS-Spezifikation festgehalten sind) sowie an rel=noopener.
CSS Marquee Module Level 3
Stellt sich raus: das gibt‘s gar nicht.
CSS Scroll Snap Points
Kurze Diskussion über Sinn und Zweck der Scroll Snap Points, die zwei verschiedenen Spezifikationsversionen und Vorreiterrolle des IE.
Microdata
Erfolgloser Versuch, zwischen Microformats, RDFa und HTML5-Microdata den Überblick zu behalten. Anschließende Grundsatzdebatte über Semantik (und JSON-LD), SEO (und schema.org) und Standards.
CSS Round Display
Wurde bereits in Revision 236 für mehr so mittelgut befunden.
a href=“https://www.w3.org/TR/css3-hyperlinks/“>CSS3 Hyperlink Presentation Module
Ein weiterer ad acta gelegter Spezifikationsentwurf.
Cascading Style Sheets, level 1
Wir bewundern das revolutionäre Frühwerk der Standards-Entwicklung.
[00:53:33] Keine Schaunotizen
Caching best practices & max-age gotchas
Jake Archibald in gewohnt lehrreich-humorvollem Stil.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
55 min
May 16, 2016 Revision 261: SVG Icons, Element/Container Queries
Anselm, Schepp und Stefan nehmen sich zwei herumsurrende Artikel als Anstoß für ein ausgedehntes Plaudern aus dem Nähkästchen.
Schaunotizen
[00:00:27] Converting Font Icons to SVG
Sara Soueidan erklärt den Icon Fonts den Tod mit diesem ausführlichen Migrations-Guide. Wir sprechen über unsere Erfahrungen und den Problemchen, loben aber auch gleichzeitig neue Workflows und ein viel „sauberes“ Entwicklungserlebnis.
[00:25:20] Container Queries: Once more unto the breach
Media Queries sind fein, man stößt allerdings schnell an seine Grenzen wenn man nicht das gesamte Bild betrachten möchte, sondern im Detail pro Komponente das Look and Feel bestimmen möchte. Container Queries sind der Titel einer neuen Spezifikation, die sich genau um solche Dinge kümmern wollen. Wir erklären warum die ehemals genannten „Element Queries“ nun anders heißen, welches grundlegende Problem mit dieser Neubenamsung umgangen wird und wie man sie heute schon einsetzen kann. Schepp zum Beispiel schwört auf diesen Polyfill.
[00:51:21] Keine Schaunotizen
Hotel
Hotel lässt alle eure Entwicklungsserver und die damit verbundenen Host-Einträge bequem über eine Weboberfläche verwalten.
Riot.js
Eine User Interface Bibliothek, die sich an React hält aber mit deutlich geringerem Footprint auskommt.
Stylefmt
Coding Guidelines sind wichtig, sie einzuhalten kann schwer sein. Stylefmt formatiert eure Stylesheets nach einem festgelegten Regelwerk. Pre-Commit-Hook, und fertig ist die Einheitlichkeit.
Rollupify
Rollup ist groß. Browserify ist groß. Beides zusammen gibt laut Engineering-Meister Rodney in seinem Projekt über 40% Platzeinsparung. Hossa!
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
58 min
May 16, 2016 Revision 262: News, Glücksrad, Links
In Ermangelnung großer Themen ließen Stefan, Schepp, Peter und Anselm mal wieder das Glücksrad rotieren.
[00:00:15] News
Geolocation API removed from unsecured origins in Chrome 50
Ab jetzt gibt es Ortung nur noch mit HTTPS.
[00:00:46] Glücksrad
window.open()
Popups, blast from the past! Wir erinnern uns an die seltsamen Parameter dieser Funktion (die interessanterweise in einer CSS-Spezifikation festgehalten sind) sowie an rel=noopener.
CSS Marquee Module Level 3
Stellt sich raus: das gibt‘s gar nicht.
CSS Scroll Snap Points
Kurze Diskussion über Sinn und Zweck der Scroll Snap Points, die zwei verschiedenen Spezifikationsversionen und Vorreiterrolle des IE.
Microdata
Erfolgloser Versuch, zwischen Microformats, RDFa und HTML5-Microdata den Überblick zu behalten. Anschließende Grundsatzdebatte über Semantik (und JSON-LD), SEO (und schema.org) und Standards.
CSS Round Display
Wurde bereits in Revision 236 für mehr so mittelgut befunden.
a href=“https://www.w3.org/TR/css3-hyperlinks/“>CSS3 Hyperlink Presentation Module
Ein weiterer ad acta gelegter Spezifikationsentwurf.
Cascading Style Sheets, level 1
Wir bewundern das revolutionäre Frühwerk der Standards-Entwicklung.
[00:53:33] Keine Schaunotizen
Caching best practices & max-age gotchas
Jake Archibald in gewohnt lehrreich-humorvollem Stil.
55 min
May 16, 2016 Revision 261: SVG Icons, Element/Container Queries
Anselm, Schepp und Stefan nehmen sich zwei herumsurrende Artikel als Anstoß für ein ausgedehntes Plaudern aus dem Nähkästchen.
Schaunotizen
[00:00:27] Converting Font Icons to SVG
Sara Soueidan erklärt den Icon Fonts den Tod mit diesem ausführlichen Migrations-Guide. Wir sprechen über unsere Erfahrungen und den Problemchen, loben aber auch gleichzeitig neue Workflows und ein viel „sauberes“ Entwicklungserlebnis.
[00:25:20] Container Queries: Once more unto the breach
Media Queries sind fein, man stößt allerdings schnell an seine Grenzen wenn man nicht das gesamte Bild betrachten möchte, sondern im Detail pro Komponente das Look and Feel bestimmen möchte. Container Queries sind der Titel einer neuen Spezifikation, die sich genau um solche Dinge kümmern wollen. Wir erklären warum die ehemals genannten „Element Queries“ nun anders heißen, welches grundlegende Problem mit dieser Neubenamsung umgangen wird und wie man sie heute schon einsetzen kann. Schepp zum Beispiel schwört auf diesen Polyfill.
[00:51:21] Keine Schaunotizen
Hotel
Hotel lässt alle eure Entwicklungsserver und die damit verbundenen Host-Einträge bequem über eine Weboberfläche verwalten.
Riot.js
Eine User Interface Bibliothek, die sich an React hält aber mit deutlich geringerem Footprint auskommt.
Stylefmt
Coding Guidelines sind wichtig, sie einzuhalten kann schwer sein. Stylefmt formatiert eure Stylesheets nach einem festgelegten Regelwerk. Pre-Commit-Hook, und fertig ist die Einheitlichkeit.
Rollupify
Rollup ist groß. Browserify ist groß. Beides zusammen gibt laut Engineering-Meister Rodney in seinem Projekt über 40% Platzeinsparung. Hossa!
58 min