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

April 13, 2018 Revision 335: EME? CDM? DRM? CENC? IDK!
Anselm, Hans und Rodney lassen sich von Sebastian Golasch alles rund um DRM (Digital Rights Management, auch Dumb Restrictions Mania) erklären. Sebastian wollte eigentlich nur Netflix in Kodi zum Laufen bringen. Wir stellen wieder einmal fest: Kaninchenlöcher können ganz schön tief sein…
Schaunotizen
[00:02:00] Web Video DRM
Ein epischer Monolog, gelegentlich unterbrochen von Fragen und Halbwissen, entfaltet sich, im Zuge dessen folgende Stichworte eine Rolle spielen:
Encrypted Media Extensions (spec)
Media Source Extensions (spec)
What is EME?
Encrypted Media Extensions (EME), HTML5Rocks
Android Docs – DRM
Paid Video Content in Chrome (slides)
EFF Statement – Web DRM, intent to publish
End-to-End Adaptive Video Streaming with DASH and HLS (video)
Building a Streaming HTML5 Video Player (video)
DRM In the Age of HTML5: What You Need to Do Now (video)
Kodi Netflix Plugin
1 hr 7 min
April 01, 2018Revision 334: Typographie im Web
Nachdem sich kurzfristig krankheitsbedingt eine kleine Moderatoren-Knappheit eingestellt hat, konnten wir glücklicherweise einen tollen Gast für die Sendung gewinnen:
Oliver Schöndorfer (Twitter), seines Zeichens Designer und Typographie-Liebhaber erklärt uns den aktuellen Horizont der Web-Typographie.
Schaunotizen
[00:08:33] Web-Typographie
Die Verwendung von Schriftarten auf Webseiten, die über die Standart-Schriften hinaus geht, ist sehr weit verbreitet. Oliver erklärt uns, wie man die Schriften aus Design-Perspektive richtig verwendet und was dabei zu beachten ist. Auch die technische Seite beleuchten wir.
Hier einige weiterführende Links zum Thema:
Video: Erste Hilfe Web Typografie
Websichere Schriften in Zeiten von Responsive Webdesign
Schriftwahl im Webdesign
CSS Font Stack – Alternative Schriften im Webdesign klug einsetzen
[00:51:50] Variable Fonts
Ein Thema das uns in der Zukunft im Bezug auf Webfonts sicher noch stark beschäftigen wird sind Variable Fonts. Diese variablen Schriften bieten unglaublich viele Möglichkeiten um Schriftschnitte einer einzigen Schriftart performant ins Web zu bringen.
Keine Schaunotizen
ilovetypography.com
typewolf.com
typolexikon.de
typografie.info
Axis Praxis: Schriftarten als Variable Font
Slidedeck: You Can Save Web-Typography
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 14 min
April 01, 2018 Revision 334: Typographie im Web
Nachdem sich kurzfristig krankheitsbedingt eine kleine Moderatoren-Knappheit eingestellt hat, konnten wir glücklicherweise einen tollen Gast für die Sendung gewinnen:
Oliver Schöndorfer (Twitter), seines Zeichens Designer und Typographie-Liebhaber erklärt uns den aktuellen Horizont der Web-Typographie.
Schaunotizen
[00:08:33] Web-Typographie
Die Verwendung von Schriftarten auf Webseiten, die über die Standart-Schriften hinaus geht, ist sehr weit verbreitet. Oliver erklärt uns, wie man die Schriften aus Design-Perspektive richtig verwendet und was dabei zu beachten ist. Auch die technische Seite beleuchten wir.
Hier einige weiterführende Links zum Thema:
Video: Erste Hilfe Web Typografie
Websichere Schriften in Zeiten von Responsive Webdesign
Schriftwahl im Webdesign
CSS Font Stack – Alternative Schriften im Webdesign klug einsetzen
[00:51:50] Variable Fonts
Ein Thema das uns in der Zukunft im Bezug auf Webfonts sicher noch stark beschäftigen wird sind Variable Fonts. Diese variablen Schriften bieten unglaublich viele Möglichkeiten um Schriftschnitte einer einzigen Schriftart performant ins Web zu bringen.
Keine Schaunotizen
ilovetypography.com
typewolf.com
typolexikon.de
typografie.info
Axis Praxis: Schriftarten als Variable Font
Slidedeck: You Can Save Web-Typography
1 hr 14 min
March 30, 2018 Revision 333: Webcompat und Open Source Arbeit
Zur Revision 333 haben wir uns Ola Gasidlo eingeladen und über Themen gesprochen, die sie bewegen. Ola arbeitet bei Mozilla vor allem am Projekt Webcompat, das auf der Website als „Bug reporting for the internet“ beschrieben wird.
Schaunotizen
[00:00:30] Webcompat
Ola erklärt uns, was es mit Webcompat auf sich hat und wie sie versucht mit ihrer Arbeit gemeinsam mit ihren Kollegen dazu beizutragen, das Internet als Ganzes zu verbessern. Die Platform Webcompat funktioniert wie ein Bugtracker für das gesamte Web. Webcompat macht es für Entwicklerinnen und Entwickler und andere „Webworker“ einfach Bugs, die in Browsern oder auf Webseiten auffallen, zu reporten. Die Experten des Teams kümmern sich dann um die Nachbearbeitung und das Nachhalten des Bugs bei den entsprechenden Unternehmen. Wie genau das funktioniert wissen nun spätestens nach dem Interview alle Zuhörenden.
[00:14:35] Open Source Arbeit
Durch ihre Arbeit an einem vergangenen Projekt ist Ola im Open Source Bereich sehr aktiv. Wir unterhalten uns darüber, wie man zu Open Source Projekten kommt, welche Verantwortung dies mit sich bringt, über ihre Arbeit mit der Community und vieles mehr. Für alle Interessierten gibt es die Open Tech School, Your First PR und den Open Source Friday. Für die Open Tech School in Dortmund ist Madeleine eine Ansprechpartnerin.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
49 min
March 30, 2018 Revision 333: Webcompat und Open Source Arbeit
Zur Revision 333 haben wir uns Ola Gasidlo eingeladen und über Themen gesprochen, die sie bewegen. Ola arbeitet bei Mozilla vor allem am Projekt Webcompat, das auf der Website als „Bug reporting for the internet“ beschrieben wird.
Schaunotizen
[00:00:30] Webcompat
Ola erklärt uns, was es mit Webcompat auf sich hat und wie sie versucht mit ihrer Arbeit gemeinsam mit ihren Kollegen dazu beizutragen, das Internet als Ganzes zu verbessern. Die Platform Webcompat funktioniert wie ein Bugtracker für das gesamte Web. Webcompat macht es für Entwicklerinnen und Entwickler und andere „Webworker“ einfach Bugs, die in Browsern oder auf Webseiten auffallen, zu reporten. Die Experten des Teams kümmern sich dann um die Nachbearbeitung und das Nachhalten des Bugs bei den entsprechenden Unternehmen. Wie genau das funktioniert wissen nun spätestens nach dem Interview alle Zuhörenden.
[00:14:35] Open Source Arbeit
Durch ihre Arbeit an einem vergangenen Projekt ist Ola im Open Source Bereich sehr aktiv. Wir unterhalten uns darüber, wie man zu Open Source Projekten kommt, welche Verantwortung dies mit sich bringt, über ihre Arbeit mit der Community und vieles mehr. Für alle Interessierten gibt es die Open Tech School, Your First PR und den Open Source Friday. Für die Open Tech School in Dortmund ist Madeleine eine Ansprechpartnerin.
49 min
March 26, 2018 Revision 332: Die V8 JavaScript Engine
Diese Revision hatten wir Benedikt Meurer (Web, Twitter, Github), seines Zeichens Tech Lead bei V8, zu Gast.
Schaunotizen
[00:00:55] Die V8 JavaScript Engine
Benedikt erzählt uns, was sich in V8 seit Revision 8 und der Einführung von Crankshaft getan hat. Eigentlich ist kein Stein auf dem anderen geblieben. Nach einem kleinen Überblick über optimierende Compiler allgemein und JS-JITs in Chrome klärt uns Benedikt über die zahlreichen Limitierungen von Crankshaft auf. Diese spielen im aktuellen Chrome mit Ignition als Bytecode-Generator und TurboFan als Crankshaft-Ersatz keine Rolle mehr. Jenseits Chrome-spezifischer Details sprechen wir über Array-Subclassing (sollte man sein lassen), die Zahl 11 (in Spinal Tap und im Aufzug) und Micro-Benchmarks vs. Real-World-Workloads. Als wichtigste Performance-Best-Practices kristallisieren sich Captain-Obvious-Erkenntnisse wie „Ideomatic JS schreiben“ und „Objekte monomorph halten“ heraus. Gegen Ende sprechen wie über die Performance-Charakteristika von neue ES-Datenstrukturen, Modulen, Workersn, const und modernen ES-Standards allgemein und kommen auch auf die Top 3 Performance-Irrtümer zu sprechen.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 37 min
March 26, 2018 Revision 332: Die V8 JavaScript Engine
Diese Revision hatten wir Benedikt Meurer (Web, Twitter, Github), seines Zeichens Tech Lead bei V8, zu Gast.
Schaunotizen
[00:00:55] Die V8 JavaScript Engine
Benedikt erzählt uns, was sich in V8 seit Revision 8 und der Einführung von Crankshaft getan hat. Eigentlich ist kein Stein auf dem anderen geblieben. Nach einem kleinen Überblick über optimierende Compiler allgemein und JS-JITs in Chrome klärt uns Benedikt über die zahlreichen Limitierungen von Crankshaft auf. Diese spielen im aktuellen Chrome mit Ignition als Bytecode-Generator und TurboFan als Crankshaft-Ersatz keine Rolle mehr. Jenseits Chrome-spezifischer Details sprechen wir über Array-Subclassing (sollte man sein lassen), die Zahl 11 (in Spinal Tap und im Aufzug) und Micro-Benchmarks vs. Real-World-Workloads. Als wichtigste Performance-Best-Practices kristallisieren sich Captain-Obvious-Erkenntnisse wie „Ideomatic JS schreiben“ und „Objekte monomorph halten“ heraus. Gegen Ende sprechen wie über die Performance-Charakteristika von neue ES-Datenstrukturen, Modulen, Workersn, const und modernen ES-Standards allgemein und kommen auch auf die Top 3 Performance-Irrtümer zu sprechen.
1 hr 37 min
March 02, 2018Revision 331: Serverless
Die neuste Sendung steht ganz im Zeichen von Serverless-Architektur und der Thematik außen herum. Wir haben uns zwei Gäste zum Thema eingeladen, die sich auskennen: Nik Graf und Philipp Müns. Nik und Philipp arbeiten gemeinsam an einem Open-Source Serverless-Framework.
Schaunotizen
[00:02:29] Serverless
Wir sprechen über Serverless-Architekturen, wie sie von Martin Fowler beschrieben werden, definieren was Serverless bedeutet und wie es sich von einer „klassischen“ Container-basierten Architektur unterscheidet. Neben den Fallstricken und Vorteilen, sprechen wir auch über generelle Funktionalitäten, die speziell im Bereich Serverless zu beachten sind. Darüberhinaus schneiden wir auch das Thema Event-Driven-Architecture an.
Einige Links und Lösungen, die wir erwähnten:
Serverless Starting-Point: Go Lambda
Serverless Quickstart-Guide und Beispiele
Video: Nik Graf zum Thema REST API Bau mit Serverless in Node.js und mit Datenbank-Anbindung
Amazon Lamda Edge: quasi Functions im CDN
Amazon Fargate (Container in der Cloud)
Amazon Aurora (SQL Database as a Function)
V8 Snapshots zur Reduktion der Cold Start Zeiten von Node.js Functions
In diesem Zusammenhang sei auch noch einmal die Revision 314 mit Golo Roden erwähnt, die sich mit den architektonischen Grundlagen von Domain Driven Development und event-basierten Architekturen beschäftigt.
[01:27:09] Keine Schaunotizen
Reason Conf
Vom 11. – 13. Mai findet in Wien die erste ReasonML Konferenz statt.
Workshop „Datenschutz im Web — Fallstricke, Strategien, Risikomanagement, DSGVO“
Ab Mai (2018) ändert sich das Datenschutz-Recht in Europa. Wer mehr darüber erfahren möchte, sollte am Workshop in Nürnberg am 05. März teilnehmen.
Let’s make multi-colored icons with SVG symbols and CSS variables
Multiple Farben in SVG-Icons.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 32 min
March 02, 2018 Revision 331: Serverless
Die neuste Sendung steht ganz im Zeichen von Serverless-Architektur und der Thematik außen herum. Wir haben uns zwei Gäste zum Thema eingeladen, die sich auskennen: Nik Graf und Philipp Müns. Nik und Philipp arbeiten gemeinsam an einem Open-Source Serverless-Framework.
Schaunotizen
[00:02:29] Serverless
Wir sprechen über Serverless-Architekturen, wie sie von Martin Fowler beschrieben werden, definieren was Serverless bedeutet und wie es sich von einer „klassischen“ Container-basierten Architektur unterscheidet. Neben den Fallstricken und Vorteilen, sprechen wir auch über generelle Funktionalitäten, die speziell im Bereich Serverless zu beachten sind. Darüberhinaus schneiden wir auch das Thema Event-Driven-Architecture an.
Einige Links und Lösungen, die wir erwähnten:
Serverless Starting-Point: Go Lambda
Serverless Quickstart-Guide und Beispiele
Video: Nik Graf zum Thema REST API Bau mit Serverless in Node.js und mit Datenbank-Anbindung
Amazon Lamda Edge: quasi Functions im CDN
Amazon Fargate (Container in der Cloud)
Amazon Aurora (SQL Database as a Function)
V8 Snapshots zur Reduktion der Cold Start Zeiten von Node.js Functions
In diesem Zusammenhang sei auch noch einmal die Revision 314 mit Golo Roden erwähnt, die sich mit den architektonischen Grundlagen von Domain Driven Development und event-basierten Architekturen beschäftigt.
[01:27:09] Keine Schaunotizen
Reason Conf
Vom 11. – 13. Mai findet in Wien die erste ReasonML Konferenz statt.
Workshop „Datenschutz im Web — Fallstricke, Strategien, Risikomanagement, DSGVO“
Ab Mai (2018) ändert sich das Datenschutz-Recht in Europa. Wer mehr darüber erfahren möchte, sollte am Workshop in Nürnberg am 05. März teilnehmen.
Let’s make multi-colored icons with SVG symbols and CSS variables
Multiple Farben in SVG-Icons.
1 hr 32 min
February 28, 2018 Revision 330: Geolocation API und das HTML Dialog-Element
Diesmal haben wir ohne Gast in einer kompakten Ausgabe mit dem Schepp, Rodney und Hans über die Problematik der Geolocation API und das Dialog-Element gesprochen.
Schaunotizen
[00:00:18] Geolocation API
Hans beschäftigte sich in der näheren Vergangenheit mit der Usability der Geolocation API. Wir unterhalten uns über die notwendigen Schritte um die Adresse eines Nutzers auszulesen, sofern diese/r zustimmt. In diesem Kontext sprechen wir auch über die Usability und User Experience der Web Permission API.
[00:17:40] HTML Dialog-Element
Mit Dialogen auf Webseiten ist das so eine Sache: Als Entwickler hat man ziemlich viel zutun, um ein Dialog-Element auch aus Accessibility-Sicht einigermaßen benutzbar zu machen. Nun soll dies durch das bereits lange Zeit in der Spezifikation befindliche native HTML-Element verbessert werden. Wird das gelingen? Wo liegen die Probleme mit dem Element? Rodney klärt auf.
Keine Links
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
38 min