Working Draft

@workingdraft.de

114 Followers 5 Following

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen: https://workingdraft.de

Zwei Männer in Video-Call-Ansicht; oben eine Person mit Over-Ear-Kopfhörern vor Regal und Pflanze, unten eine Person mit Cap und In-Ear-Kopfhörer vor Vorhang.
Zwei Personen in Video-Call-Ansicht, beide mit Mikrofon und Kopfhörern; Schepp mit Brille vor Bücherregal, Peter vor heller Wand mit Uhr und Dekoration.
Person mit Kopfhörern und Bart spricht in ein Mikrofon, trägt einen blauen Hoodie vor unscharfem Hintergrund.
Thomas, mit Glatze und Over-Ear-Kopfhörern, spricht in die Kamera vor einer hellen Wand. Schepp, mit Brille, sitzt vor einem Bücherregal und spricht in ein Mikrofon.
Ein Mann mit Glatze, hellem Bart und transparenter Brille blickt direkt in die Kamera. Er trägt ein braunes Oberteil und sitzt vor einem hellen Hintergrund mit großen Fenstern, während er spricht.
Ein Mann mit rundem Brillengestell und grauem Bart sitzt vor hellem Hintergrund auf einem Bürostuhl. Er trägt einen blauen Pullover und ein Headset-Kabel ist sichtbar, während er in die Kamera spricht. Oben im Bild sind kleinere Videokacheln weiterer Gesprächsteilnehmer zu sehen.
Frederik, ein Mann mit kurzen Haaren trägt große schwarze Kopfhörer und spricht in ein Mikrofon. Er sitzt vor einem dunklen Hintergrund und wirkt konzentriert, während er technische Details erklärt.
Anselm, mit kurzen Haaren und Bart trägt große schwarze Kopfhörer und spricht in ein Mikrofon. Er sitzt in einem Raum mit schräger Holzdecke und wirkt ruhig und nachdenklich.
Jens, mit kurzem Haar und Schnurrbart, trägt große schwarze Kopfhörer und spricht in die Kamera. Hinter ihm stehen Regale mit Büchern und Technik. Schepp mit Brille und In-Ear-Kopfhörern sitzt vor einem Mikrofon in einem hellen Raum. Hinter ihm sind Regale mit Büchern und Ordnern zu sehen, während er ruhig in die Kamera spricht.
Peter, mit hochgestylten Haaren und Brille, sitzt vor einem Mikrofon in einem gemütlich eingerichteten Raum mit Uhr, Pflanzen und Wanddeko. Er trägt ein helles T-Shirt und hält einen Stift, während er spricht.
Ein Spotify-Wrapped-Grafikscreen im schwarzen Design mit weißen Linien und grafischen Mustern. Oben steht das Logo und der Schriftzug „Working Draft“. In der Mitte erscheint das Spotify-Symbol. Darunter steht: „Der Top-Artist meiner Fans war Linkin Park.“ Es folgt das Cover des Hörbuchs „Wenn Russland gewinnt“ von Carlo Masala. Weiter unten der Text: „Das Top-Hörbuch meiner Fans war Wenn Russland gewinnt.“
Dr. Torsten Beyer, ein Mann mittleren Alters mit runder Brille und kurzem, hellen Haar sitzt vor einem grünen Hintergrund. Er trägt ein bunt gestreiftes Shirt und schaut direkt in die Kamera. Mit ihm im Videocall sitzt Hans, mit dunklem, lockigem Haar und kurzem Bart, vor einem Mikrofon und trägt weiße In-Ear-Kopfhörer. Der Hintergrund ist beige, und er wirkt konzentriert.
Hans sitzt vor einem Mikrofon in seinem Setup, trägt weiße In-Ear-Kopfhörer und hält eine Hand nachdenklich an die Stirn. Die Kamera ist nah auf sein Gesicht gerichtet, während er konzentriert spricht.
Hans-Christian Otto sitzt in einem Video-Call vor einer hellen Wand, trägt ein großes Over-Ear-Headset mit Mikrofon, Brille und Vollbart und schaut in die Kamera.
Peter sitzt vor einem Sofa in seinem Wohnzimmer-Setup, trägt Brille, Hoodie und Headset und spricht in ein großes Mikrofon am Arm. Im Hintergrund hängen eine Uhr, Pflanzen und ein „Ahoi“-Wanddekor, in der Bildmitte steht in weißen Blockbuchstaben das Wort „Und“. Schepp in Nahaufnahme bei der Aufnahme: Er trägt eine dunkle Brille, stützt den Kopf mit der Hand ab und spricht in ein großes silbernes Mikrofon.
Jens und Schepp sitzen in einem Remote-Podcast. Jens sitzt vor einem weißen Regal mit Büchern und Kunststoffboxen, trägt große schwarze Over-Ear-Kopfhörer und ein dunkles Hemd; der Blick geht leicht zur Seite, Gesichtsausdruck konzentriert. Schepp spricht in ein Stand-Mikro, trägt dunkle Brille und hat einen kurzen Bart; im Hintergrund ein Bücher-/Medienschrank mit Spielen und Gadgets. Im Schnitt wechseln die Einstellungen zwischen beiden. Inhaltlich sprechen die beiden über HTML-Validität, optionales Weglassen von Markup und die Risiken übertriebener „Hyperoptimierung“.
Peter spricht in Nahaufnahme vor einer warm beleuchteten Wohnzimmerwand mit „Ahoi“-Wanddeko, Uhr, Regal und Pflanzen; Headset-In-Ears, schwarzes Shirt, Studiomikro mit Pop-Filter im Vordergrund. Später sehen wir Schepp vor einem Bücher- und Spiele-Regal (u. a. „Cyberpunk“-Poster, Retro-Handheld), Brille und In-Ears, Tischmikro im Bild. Die beiden sprechen über die URL Pattern API.
Abwechselnde Kopf-Schulter-Aufnahmen von Peter und Stefan vor der Kamera. Peter (kurze, hellblonde Haare, Brille, kurzer Bart) sitzt in einem warm beleuchteten Wohnzimmer-Setup mit Zimmerpflanzen, Wandregal und runder Uhr im Hintergrund und spricht in ein großes, seitlich montiertes Studiomikro mit Popschutz; Stefan (dunklere Haare zum Zopf gebunden, Vollbart), neutraler grauer Hintergrund, schwarzes T-Shirt mit weißem Schriftprint, spricht in ein frontales Studiomikro. Beide blicken in die Kamera.
Zwei abwechselnde Nahaufnahmen aus dem Podcast-Video-Call: Alexander Lichter, mit lockigem Haar und Over-Ear-Kopfhörern, sitzt vor violett beleuchtetem Studiohintergrund, ein schwarzes Mikrofon ragt von unten ins Bild. Ulrich-Mathias Schäfer mit Brille und Septum-Piercing, ebenfalls mit Kopfhörern, sitzt in einem hellen Zimmer; hinter ihm hängen mehrere kleine Landschaftsfotos an der Wand.
Split-Interview mit drei Beteiligten in ihren jeweiligen Videoframes: Daniela (lange, gewellte Haare, große Brille, dunkles Oberteil) spricht frontal in ein kleines Ansteckmikro; hinter ihr eine gelb-weiße Tapete. Sie betont, dass ARIA den Fokus auf assistive Technologien setzt, aria-brailleroledescription aber schwer korrekt zu befüllen ist. Marco (glatzköpfig, dunkles T-Shirt mit Code-Aufdruck) sagt, dass Menschen mit Braille-Erfahrung wie Svenja (https://svenja-blog.de/) am besten wissen, welche Kurzformen sinnvoll sind. Schepp (kurze Haare, dunkles Shirt, Brille) sitzt vor einem Bücher-/Spiele-Regal und ergänzt, man könne in künftigen Web-Almanac-Reports nachsehen, ob das Attribut bereits messbar eingesetzt wird.
Drei Sprecher:innen im Remote-Call: Alex mit Over-Ear-Headset am Mikro, Schepp vor Bücher-/Tech-Regal mit Brille, Vanessa mit In-Ears im Home-Office
Ein Mann mit Kopfhörern und Bart spricht in die Kamera – es handelt sich um Jörn Bernhardt beim Podcast-Gespräch über das JSCraftCamp.
Peter sitzt mit Headset und Mikrofon im Wohnzimmer und spricht über seine ersten Erfahrungen mit dem nativen TypeScript-Compiler.
Tim, mit dunklem Hemd und AirPods, spricht im Podcast über die Hackerkiste Augsburg.
Jan Gregor Emge-Triebel mit Headset im Podcast-Interview, spricht über das Programmdesign der Konferenz programmier.con.
Thomas Steiner blickt konzentriert in die Kamera. Er trägt schwarze Over-Ear-Kopfhörer. Der Hintergrund ist neutral, das Bild ist nah am Gesicht aufgenommen.
Björn Ganslandt trägt Brille und Headset und spricht in einem Videocall. Er blickt leicht nach rechts. Im Hintergrund hängen graue Vorhänge an einem Fenster und ein Bild ist zu sehen.
Porträt von Katharina Hoffmann mit großer schwarzer Brille und Headset vor einer Wand mit drei gerahmten Bildern, in der Ecke das Working Draft Logo.
Nahaufnahme von Alexander Lichter, der mit Kopfhörern vor einem Mikrofon sitzt. Er trägt ein schwarzes T-Shirt mit einem geometrischen Muster. Im Hintergrund sind verschwommen Regale mit Büchern und andere Gegenstände zu sehen. Alexander spricht konzentriert und blickt leicht nach unten.
Zwei Podcast-Hosts sind abwechselnd in einem Videocall zu sehen. Peter sitzt mit Headset und Mikrofon in einem gemütlich eingerichteten Raum – im Hintergrund eine Wanduhr, Pflanzen und Deko mit Anker und „Ahoi“-Schriftzug. Er trägt Brille und einen hellgrauen Hoodie, spricht gerade und lächelt leicht. Schepp ist vor einem Bücherregal und Technik-Equipment zu sehen. Er trägt ebenfalls Brille, hat dunkle Kopfhörer im Ohr und wirkt konzentriert. Im Clip sprechen die beiden über den Einsatz von SVG und die Möglichkeiten der CSS Custom Highlight API, um individuelle Hervorhebungen im Text zu gestalten. Dabei tauschen sie konkrete Umsetzungsbeispiele aus und diskutieren den praktischen Nutzen für die Webentwicklung. Am unteren Bildrand erscheinen dynamisch eingeblendete Untertitel . In der oberen rechten Ecke ist das Working Draft Logo zu sehen, ein Ausrufezeichen in einem Kreis. ChatGPT fragen
Jannik Lehmann sitzt vor einem hellen Hintergrund in einem Drehstuhl. Er trägt weiße In-Ear-Kopfhörer und ein weißes T-Shirt. Das gezeigte Wort „gesanditized“ erscheint in großen, weißen Untertiteln über seinem Mund. Er blickt konzentriert zur Kamera.
Im Clip ist Jürgen Geuter („Tante“) zu sehen. Er trägt ein kariertes Hemd, eine dunkle Brille und große Over-Ear-Kopfhörer. Im Hintergrund erkennt man ein paar Bilderrahmen an der Wand. Während er spricht, blickt er leicht nach unten in die Kamera. Im Gespräch geht es um die gesellschaftlichen Folgen von KI – insbesondere um die Frage, wie Gewerkschaften ihre Rolle definieren könnten, um die Interessen von Arbeitnehmer:innen zu schützen.
In dem Clip ist ein Mann mittleren Alters zu sehen, der in ein schwarzes Mikrofon spricht. Er trägt große Over-Ear-Kopfhörer und ein schwarzes T-Shirt. Sein Gesicht ist leicht zur Seite geneigt, er schaut nach unten und lächelt ein wenig. Im Hintergrund ist ein Fenster zu sehen, durch das ein dunkler, bläulicher Abendhimmel scheint. Die Szene wirkt gemütlich und ist in warmem Licht gehalten. In dem Clip geht es darum, wie KI mittlerweile dabei hilft, einfache Prototypen zu erstellen – ganz ohne Coding-Skills. Besonders spannend wird es, wenn Tools wie V0 (von Vercel) eingesetzt werden, um Ideen direkt in klickbare Interfaces zu bringen. Das eignet sich super für UXler:innen, Produktleute oder alle, die schnell etwas zeigen wollen, ohne gleich ein Dev-Team zu blockieren. Es geht nicht um perfekte Architektur – sondern um Tempo und erste visuelle Ergebnisse.
Vanessa und Max im Podcastgespräch. Auf dem ersten Bild sieht man Vanessa in Nahaufnahme, mit blonden Haaren, weißen In-Ear-Kopfhörern und einem schwarzen Mikrofon vor sich. Im Hintergrund erkennt man ein helles Zimmer mit Modellbauten in einem Regal. Auf dem zweiten Bild ist Max Marschall zu sehen, mit Brille und Headset, in dunkler Umgebung vor einem Bildschirm. Beide sprechen konzentriert – im Video diskutieren sie über die KI-Funktionalität in den Chrome DevTools.
In einem zweigeteilten Podcast-Clip sprechen Kevin Chromik und Hans zum Thema KI in der Webentwicklung. Kevin sitzt in einem Studio mit lila Hintergrundlicht, trägt ein Headset und spricht konzentriert ins Mikrofon. Hans ist in einem dunkleren Raum zugeschaltet, trägt ein weißes Shirt und lacht freundlich in die Kamera. Beide diskutieren die Rolle von KI als „Enabler“, die hilft, schneller und kreativer zu arbeiten – aber eben nicht ohne Verantwortung. Die Szene stammt aus einem Gespräch über Chancen und Grenzen KI-gestützter Entwicklung.
Das Video zeigt Hans und Peter von Working Draft bei sonnigem Wetter auf dem „Head in the Cloud“-Summit von mittwald in Espelkamp. Im Hintergrund sieht man das moderne mittwald-Gebäude, weiße Pavillons, und viele Menschen, die sich unterhalten oder an Sessions teilnehmen. Hans steht links im Bild, trägt Sonnenbrille, ein helles Polo-Shirt und hält ein Smartphone. Peter steht rechts daneben, trägt ebenfalls Sonnenbrille und ein schwarzes T-Shirt mit dem Schriftzug „undefined“ in mehreren Zeilen. Beide sprechen direkt in die Kamera und berichten gut gelaunt von ihrer Podcast-Aufzeichnung vor Ort. Dabei erwähnen sie Themen wie Platform Engineering, Women in Tech und Sustainable Web Development, die sie in neuen Episoden behandeln werden. Am Ende laden sie das Publikum ein, die Folgen auf Spotify zu hören.
(Innenaufnahme, Podcamp Düsseldorf): Teilnehmerinnen und Teilnehmer sitzen in einem Veranstaltungsraum mit Bühne. Auf der Leinwand ist das Logo des „podcamp Düsseldorf“ zu sehen, darunter das Datum „13. + 14.06.2025“. Ein Sprecher steht rechts auf der Bühne, neben ihm ein Roll-Up mit dem Podcamp-Logo. Links im Raum befinden sich Pinnwände mit Session-Vorschlägen und ein Stehtisch mit weiterem Podcamp-Material.
Im Video sprechen Martin Helmich und Schepp in einer Podcast-Aufnahme über den Einsatz von Retrieval Augmented Generation. Martin sitzt an einem Schreibtisch unter dem Dach, vor ihm ein Mikrofon, im Hintergrund Regale mit TYPO3-Büchern. Er trägt Headset, Brille und ein schwarzes Open-Source-Shirt. Im zweiten Bild ist Schepp zu sehen, vor einer Bücherwand mit Brettspielen und Film-Artwork. Auch er trägt Brille und In-Ear-Kopfhörer. Beide sprechen konzentriert in die Kamera, während sie KI-gestützte Entwickler-Workflows diskutieren.
Im Video sitzt Robin Böhm vor einer weißen Wand in einem hellen Raum. Er trägt ein blaues T-Shirt und kabellose In-Ear-Kopfhörer. Hinter ihm steht ein Heizkörper, auf dem ein gerahmtes Kinderfoto und eine kleine schwarze Tasche liegen. Robin spricht mit geschlossenen Augen, als denke er kurz nach oder formuliere etwas Präzises. Der Screenshot stammt aus einem Podcast-Video zum Thema Systemagenten und Automatisierung.
In einem Podcast-Video spricht Matthias Scharwies mit Headset und Brille direkt in die Kamera. Im Hintergrund sind Regale voller Bücher, Ordner und Unterlagen zu sehen. Matthias erklärt, wie wertvoll die 3000 Seiten im SelfHTML-Wiki für Einsteiger:innen sind – und warum es wichtig ist, dieses Wissen aktuell zu halten und gezielt darauf zu verweisen. Dabei spricht er auch über die Rolle des Forums und wie dort Fragen aufgegriffen und mit bestehenden Inhalten verknüpft werden können.
Im Video spricht Melanie über die Vorteile des Zehnfingersystems und den bewussten Einsatz von Tastatur-Shortcuts. Sie trägt ein Headset und sitzt in einem Raum mit Aktenschrank im Hintergrund. Während sie erzählt, dass sie als Sekretärin mit Handblende das Blindtippen gelernt hat, schaut sie leicht nach oben und reflektiert ihre Erfahrungen. Das Gespräch zeigt, wie sehr effiziente Eingabegewohnheiten den Arbeitsalltag verbessern können – sei es beim Mitschreiben in Meetings oder bei der Softwarebedienung.
In dem Videoausschnitt unseres Podcasts diskutieren Vanessa und Peter per Videocall über die Vor- und Nachteile von Monorepos und Multirepos. Im Bildvordergrund blickt Vanesa mit Ohrhörern und Mikrofon in die Kamera, im Hintergrund sieht man LEGO-Modelle bekannter Gebäude. Im kleinen Fenster oben links ist Peter zu sehen. Die Diskussion dreht sich um die Frage, ob es sinnvoller ist, mehrere Projekte in einem gemeinsamen Repository zu verwalten oder auf mehrere, getrennte Repos zu setzen. Dabei geht es um Themen wie Konfiguration, Abhängigkeiten und persönliche Vorlieben im Projektalltag.
Marius, Hans und Schepp sprechen in einem Videocall über technische Konzepte rund um Resumable Uploads. Im Fokus steht Marius, ein junger Mann mit Brille und weißen Kopfhörern, der die Funktionsweise von Datei-Uploads mit Unterbrechung erklärt. Er beschreibt, wie ein Server Teile einer Datei speichert, wenn eine Verbindung abbricht, und wie Uploads später nahtlos fortgesetzt werden können. In zwei kleineren Bildfenstern sind die anderen Teilnehmenden zu sehen, die aufmerksam zuhören und gelegentlich Rückfragen stellen. Die Unterhaltung ist technisch fundiert, aber zugänglich erklärt.
In einem Podcast-Videoausschnitt mit drei Co-Hosts spricht Peter, der im unteren Bildausschnitt zentriert zu sehen ist, direkt in die Kamera. Er trägt ein schwarzes T-Shirt mit Binärcode. Peter erklärt ruhig und bestimmt: „Ich habe irgendwann festgestellt, dass ich nicht kompetent bin, um zu sagen, welches Framework man einsetzen sollte.“ Oben links im Bild sind nebeneinander die beiden anderen Hosts in kleinen Fenstern eingeblendet. Auf der linken Seite ist Stefan mit nachdenklicher Haltung und Mikrofon vor sich zu sehen. Rechts von ihm ist Vanessa zu sehen, ebenfalls mit Mikrofon, die aufmerksam zuhört. Die Aufnahme findet remote statt. Im Hintergrund von Peters Bild ist ein weißes Regal mit Geschirr und eine moderne Wandinstallation für Katzen zu sehen. In der oberen rechten Ecke des Bildes befindet sich das Logo des Working Draft Podcasts: Ein Ausrufezeichen.
In dem Audio spricht Stefan über Herausforderungen bei der asynchronen Programmierung in JavaScript. Er erklärt, dass viele Entwickler:innen Schwierigkeiten haben, sauberen asynchronen Code zu schreiben, besonders wenn sie direkt mit async/await einsteigen und nie mit Promises gearbeitet haben. Laut Stefan fehlt diesen Personen oft das Verständnis dafür, was im Hintergrund passiert. Er kritisiert, dass moderne Abstraktionen zwar vieles vereinfachen, aber gleichzeitig wichtiges technisches Wissen verdecken. Dadurch entstehen häufig schwer nachvollziehbare und problematische Code-Strukturen. Stefan berichtet, dass er beim Code-Review regelmäßig auf gravierende Fehler trifft, die durch mangelndes Verständnis entstehen.
Ankündigungsgrafik für das Podcamp 2025 in Düsseldorf. Groß in der Mitte steht: 'Ich freue mich auf das Podcamp'. Darunter: '13. + 14.06.2025 – Zentralbibliothek Düsseldorf'. Das Logo des Podcasts 'Working Draft' ist zu sehen sowie das Podcamp-Logo unten mit Website www.podcamp.de.
Stefan und Schepp sprechen über das „Lying Frontend“. Stefan erklärt, dass es problematisch ist, wenn das Frontend funktionslos bleibt, obwohl es einsatzbereit wirkt. Schepp ergänzt, dass Buttons ein Versprechen geben: Wenn sie nicht reagieren, sollten sie deaktiviert sein. Stefan betont, dass das Netzwerk eine Rolle spielt. Besonders bei Single-Page-Applications kann das Laden dauern. Tests sollten schnell laufen, warten aber oft auf Netzwerkanfragen. Diese Verzögerungen offenbaren Probleme in der Anwendung. Ein Beispiel: Selbst mit gedrosseltem Netzwerk klickt Stefan nicht sofort. Deshalb sollten Buttons deaktiviert oder mit einer Ladeanzeige versehen werden. Kleine Verbesserungen wie diese machen Anwendungen zuverlässiger und benutzerfreundlicher.
In dieser Folge unseres Podcasts tauchen wir tief in die Welt von ARIA (Accessible Rich Internet Applications) ein. Gemeinsam mit unserem Gast Marco Bretschneider sprechen wir darüber, wie ARIA als Brücke zwischen modernen, interaktiven Web-Anwendungen und den Accessibility-APIs des Betriebssystems funktioniert. Wir diskutieren, warum ARIA so wichtig ist, um Web-Apps für Screenreader und andere assistive Technologien verständlich zu machen. Aber Achtung: ARIA ist kein Selbstläufer – es kann Barrieren abbauen, aber auch neue schaffen, wenn es nicht richtig eingesetzt wird. Uns war es wichtig, herauszustellen, wie Browser ARIA-Informationen verarbeiten und an die Betriebssystem-Schnittstellen weitergeben, damit eine barrierefreie Nutzung möglich wird.
Gästin Sandy und Host Schepp sprechen über Nachhaltigkeit in Unternehmen und darüber, wieviel sich in den letzten Jahren zum Positiven verändert hat.
Screenshot von allen 5 Working Draft Hosts im Videocall