

Working Draft
Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer
Working Draft ist der deutschsprachige Podcast für Frontend-Entwicklung, Webdesign und UI Engineering.
Bei uns geht’s um HTML, CSS, JavaScript, Frameworks wie React, Vue und Angular, Responsive Webdesign, User-Interfaces, moderne UI-Patterns, Barrierefreiheit, Tooling, Design-Systeme, Webstandards und mehr.
Unser Team besteht aus erfahrenen Frontend-Entwickler:innen aus Deutschland und Österreich – mit Gästen aus der Praxis, die regelmäßig Einblicke in aktuelle Tech-Themen geben. Ob neue CSS-Features, die Zukunft von JavaScript, KI im Frontend-Workflow oder einfach gute UI-Erfahrungen: Wir reden drüber – jede Woche neu.
Bei uns geht’s um HTML, CSS, JavaScript, Frameworks wie React, Vue und Angular, Responsive Webdesign, User-Interfaces, moderne UI-Patterns, Barrierefreiheit, Tooling, Design-Systeme, Webstandards und mehr.
Unser Team besteht aus erfahrenen Frontend-Entwickler:innen aus Deutschland und Österreich – mit Gästen aus der Praxis, die regelmäßig Einblicke in aktuelle Tech-Themen geben. Ob neue CSS-Features, die Zukunft von JavaScript, KI im Frontend-Workflow oder einfach gute UI-Erfahrungen: Wir reden drüber – jede Woche neu.
Episodes
Mentioned books

Nov 30, 2010 • 50min
Revision 5: iOS 4.2, Opera 11, Web Messaging und Kinect
Auf Gerrits Drängen hin, hab ich dieses mal das integrierte MacBook-Mikrofon zum Aufnehmen genutzt. Konkret bedeutet das, dass ich nun in einer Mülltonne zu sitzen scheine; meine scharfkantigen Atmungsaktivitäten stechen damit aber immerhin weniger ins Ohr.
Schaunotizen
Safari on iOS 4.2
Neben Web sockets und der Unterstützung der DeviceOrientation API sind vor allem die Typo-Neuerung interessant: @font-face jetzt mit TTF ober noch kein WOFF. Genaueres bei Gerrit.
This one goes to eleven!
Erste Beta von Opera 11. Alle Neuerungen im Changelog. Der Stuhlvergleich trifft immer noch zu.
Technikwürze 146 unter anderem über Jetpack
Mozilla-Projekt, das dazu beitragen soll, dass die Extensions-Installation unter Firefox weniger schmerzlich wird.
Opera Mobile 10.1
Auch die mobile Version des Browsers erfährt ein wichtiges Update inkl. Geolocation-Unterstützung und ordentlichem JIT-Compiler.
W3C Working Draft der Web Messaging API
Webapplikationen über mehrere Browserfenster steuern. Beispielsweise geeignet für Peters Slideshow-Projekt.
DepthJS
Chrome-Plugin, mithilfe dessen man das Microsoft Kinect per JavaScript auf Websites ansprechen kann.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Nov 23, 2010 • 59min
Revision 4: Sencha Touch 1.0, IE9-JS und HTML5-Gaming
Peter war dieses mal nicht dabei; dafür aber @polarity. Robert hat sich in letzter Zeit verstärkt mit Game-Engines auf HTML5-Basis beschäftigt und ob der lahmen News-Situation diese Woche haben wir am Ende dann einfach noch einen generellen EInblick in das Thema gegeben.
Schaunotizen
Sencha Touch 1.0
Framework für mobile Webanwendungen wird als Final veröffentlicht.
Turbine
CSS-Framework von Peter und Schepp
sass-lang
Turbine-artiges CSS-Framework
Less CSS
Weiteres CSS-Framework
Dead Code Elimination for Beginners
Die Chakra genannte JS-Engine des IE9 verhält sich etwas risikoreich
HTML-Validierungsdienst Validome wieder online
Gammlig: Keine Unterstützung von HTML5
Last Call des WOFF-Schriftformats
Ausführliches dazu bald in der neusten poly:logo-Folge (Folge wird bald veröffentlicht)
Impact.js
Interessante, noch unveröffentlichte HTML5 Game-Engine
Akihabra
Eine weitere Spiele-Engine
Aves Engine
Und noch etwas in der Richtung
Biolab Disaster
Kurzweiliges Jump’n’Run mit Canvas
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Nov 16, 2010 • 1h 6min
Revision 3: FF4Beta7, F1 und Google Instant Previews
Es lief technisch erstaunlich reibungsfrei. Garageband habe ich als Aufnahmesoftware dieses Mal zum Teufel gejagt, was sich als richtige Entscheidung herausstellte. Nur bei der Skype-Verbindung gabs hier und da ein paar Aussetzer.
Am Anfang vergangener Woche war erstaunlich wenig los. Mozilla legte dann aber noch nach und brachte die 7er Beta des Firefox 4 mit Hardware-Grafikbeschleunigung, Forms & File-API, Jägermonkey und Opentype-Featureunterstützung.
Schaunotizen
Mozilla F1
Mozilla bringt die Social-Media Share-Buttons als Plugin in den Firefox
Mozilla Firefox 4 Beta 7: Releasenotes
Aktuelle Beta mit einigen interessanten Neuerungen
Jägermonkey
Jägermonkey begleitet Tracemonkey als JavaScript-Interpreter für nichtperfekten Code
Are We fast yet?
Mozilla-Website zeigt die Besserungen der Firefox-JavaScript-Compiler als Benchmark-Graphen
HTML5 Forms API
Firefox zieht nach. Validierungen, Datepicker, neue Attribute etc. wie in Opera.
W3C File API-Spec
Dateien direkt mit JS manipulieren, ohne über den Server zu müssen.
Three.js on Github
JavaScript 3D-Framework ohne Kopfschmerzpotenzial
Opentype-Feature-Support im FF4
Opentype-Funktionen auf low-levelige Art im CSS nutzen
Google Instant Previews
Nach Google Instant gibt es jetzt auch Vorschaubilder für die Google-Suche und so funktioniert das angeblich alles.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Nov 9, 2010 • 1h 6min
Revision 2: mod_pagespeed, Sub-Pixel-Positionierung und viel Hall
In der Premierenfolge hatten wir es noch nicht geschafft, jetzt hat es geklappt. In voller Besetzung haben wir nun auch inklusive Schepp gemeinsam unsere minderwertigen Mikrofone beschallt. Googles Apache-Modul mod_pagespeed als Ableger des Browser-Plugins PageSpeed, Web-Applikationen versus Browser-Applikationen, Featuredetection-basiertes Nachladen von Polyfills, Hardwarebeschleunigung in Chrome, Sub-Pixel-genaue Positionierung von Schrift im IE9, Adobes Bemühungen um Webtypografie und serverseitiges Canvas waren unsere Themen.
Auf meiner Spur ist leider so viel Hall, dass ich zeitweise ernsthaft gezweifelt habe, ob wir die Folge wirklich auf die Öffentlichkeit loslassen sollen. Ihr seid aber hoffentlich schmerzresistent genug, um darüber hinwegzusehen – zumindest dieses mal noch. Ich hoffe, beim nächsten Mal habe ich die Problemquelle ausfindig gemacht. Da sich der Hall geradezu wie berechnet anhört, würde ich sogar vermuten, da hat der böse Steve seine Finger softwareseitig im Spiel …
Schaunotizen
mod_pagespeed
CSS-JS-Booster
Chalk-Webapp ausschließlich für das iPad
poly:logo 003: Webapplikationen
yepnope.js – A Feature-Test Based Loader For Your Polyfills!
HTML5Boilerplate
GPU-accelerated compositing in Chrome
Sub-Pixel-genaue Positionierung von Schrift im IE9
Adobe’s enhancing WebKit for better typography
jQSlickWrap
hyphenator.js
node-canvas: Canvas für node.js
CRE167: node.js
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Nov 2, 2010 • 58min
Revision 1: Sencha Animator, Webfernsehen und Firesheep
Die allererste Folge des neuen News-Podcasts für den ambitionierten Webmenschen. Peter und ich haben uns über den endgültigen Tod von Silverlight im Web, Adobes HTML5-Bemühungen, den tollen Sencha Animationseditor, Vimeo Couchmode und Youtube Leanback, den Google-WebFont-Loader, XML-Tags für Facebook, Audio-APIs im Firefox, Stacktraces in JavaScript und natürlich Firesheep unterhalten.
Shownotes
Microsoft: „Our Strategy with Silverlight has shifted.“
Sencha CSS-Animator
Adobe: Export fla files to html
Vimeo Couch Mode
Youtube Lean Back
Google WebFont Loader
Facebook Open Graph: XML-Meta-Tags
Audio-API Demo
JavaScript Stacktraces
Firefox-Plugin: Firesheep
HTTPS Everywhere
HTTP cookies, or how not to design protocols
Mozilla: „No kill switch for Firesheep addon“
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/


