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

March 05, 2013 Revision 110: Rendering Performance
Peter, Hans und Rod diskutieren Rendering Performance auf mobilen Geräten. Wie finden wir die Engpässe, was lässt sich ohne Verluste beheben und wo möchte man freiwillig Abstriche machen? Eine sehr exakte Wissenschaft, wir liefern Fakten Fakten Fakten!
[00:00:11] News
Internet Explorer 10 auf Windows 7
Der IE10 ist jetzt für Windows 7 zum Download verfügbar. Wer sich mit dem neusten Trident noch nicht auseinandergesetzt hat, möchte dies jetzt nachholen.
Intrinsic Dimensions
Wer schon immer mal ein auf die Größe seines Inhaltes anpassen wollte, wird sich jetzt in Firefox und Chrome an width: fit-content; erfreuen.
jQuery 2.0 beta2
Der nächste Kandidat ist da – wieder heisst es: Testet eure Plugins und Seiten.
CoffeeScript 1.6.1
Jetzt auch mit Source Maps (Achtung: 1.6.0 ist kaputt)
Schaunotizen
[00:01:56] Mobile Browser Performance
Wir diskutieren über Performance – ausgelöst von den Artikeln On Translate3D und Myth busting the HTML5 performance of transform:translate vs. top/left. Einen sehr netten Einstieg in das Thema Transforms bietet das Tutorial Manipulating content with CSS3 transforms.
[00:26:10] HTML-Glücksrad
autocomplete Attribut
… kann nützlich sein, aber auch für (falsche) Sicherheit missbraucht werden
[00:34:45] Keine Schaunotizen
grunt-devtools
… integriert Grunts Konsolenausgabe in die Google Chrome Developer Tools
WebKit for Developers
… Paul erklärt uns was WebKit eigentlich ist und dass WebKit eben nicht gleich WebKit ist.
Full-text search in your browser
lunr.js ist eine Feauture-bepackte Suchmaschine, die im Browser läuft.
Designing Better JavaScript APIs (Video)
Rod erklärt uns hier in 20 Minuten, was sein Artikel in ausführlicherem Umfang liefert.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
38 min
March 05, 2013 Revision 110: Rendering Performance
Peter, Hans und Rod diskutieren Rendering Performance auf mobilen Geräten. Wie finden wir die Engpässe, was lässt sich ohne Verluste beheben und wo möchte man freiwillig Abstriche machen? Eine sehr exakte Wissenschaft, wir liefern Fakten Fakten Fakten!
[00:00:11] News
Internet Explorer 10 auf Windows 7
Der IE10 ist jetzt für Windows 7 zum Download verfügbar. Wer sich mit dem neusten Trident noch nicht auseinandergesetzt hat, möchte dies jetzt nachholen.
Intrinsic Dimensions
Wer schon immer mal ein auf die Größe seines Inhaltes anpassen wollte, wird sich jetzt in Firefox und Chrome an width: fit-content; erfreuen.
jQuery 2.0 beta2
Der nächste Kandidat ist da – wieder heisst es: Testet eure Plugins und Seiten.
CoffeeScript 1.6.1
Jetzt auch mit Source Maps (Achtung: 1.6.0 ist kaputt)
Schaunotizen
[00:01:56] Mobile Browser Performance
Wir diskutieren über Performance – ausgelöst von den Artikeln On Translate3D und Myth busting the HTML5 performance of transform:translate vs. top/left. Einen sehr netten Einstieg in das Thema Transforms bietet das Tutorial Manipulating content with CSS3 transforms.
[00:26:10] HTML-Glücksrad
autocomplete Attribut
… kann nützlich sein, aber auch für (falsche) Sicherheit missbraucht werden
[00:34:45] Keine Schaunotizen
grunt-devtools
… integriert Grunts Konsolenausgabe in die Google Chrome Developer Tools
WebKit for Developers
… Paul erklärt uns was WebKit eigentlich ist und dass WebKit eben nicht gleich WebKit ist.
Full-text search in your browser
lunr.js ist eine Feauture-bepackte Suchmaschine, die im Browser läuft.
Designing Better JavaScript APIs (Video)
Rod erklärt uns hier in 20 Minuten, was sein Artikel in ausführlicherem Umfang liefert.
38 min
March 01, 2013Revision 109: Counter Styles, mobile Betriebssysteme, HTML5-Linkelemente
Kahlil und Rod luden Andreas Dantz ins virtuelle Studio ein, um die letzte Internetwoche zu reflektieren.
Schaunotizen
[00:00:23] CSS Counter Styles
CSS Counter Styles Level 3 (Working Draft) beschreibt wie man Listen (
und
) mit eigenen Zählerstilen versehen können werden wird. Der Futur ist leider korrekt, denn Implementationen lassen noch auf sich warten.
[00:06:35] Mobile Betriebssysteme
LG kauft webOS um damit seine SmartTVs zu betreiben. Ob und wann das von Palm und HP entwickelte, auf Webstandards pochende, Betriebsystem auch auf LGs SmartPhones zum Einsatz kommt, ist noch nicht so ganz klar. Mozilla Firefox OS Startet im zweiten Quartal 2013 – mit einer Menge von Partnern.
[00:14:17] HTML5-Linkelement
Ian Devlin erklärt uns was das gute alte denn zwischenzeitlich alles kann. Interessant ist vor allem die Möglichkeit Downloads von Resourcen des Servers, sowie der JavaScript Laufzeit des geöffneten Dokuments zu erzwingen. Auch sinnieren wir über den Sinn und Unsinn des ping Attributs.
[00:27:41] jQuery Europe Conference
Schön war’s beim Kaiser. JavaScript spricht man auch in den prunkvollen Hallen der Paradeiser-Esser. Viele interessante Talks, leider keine Videos. Ohne jQuery-Bezug, stellte man die CSP – Content Security Policy vor. In Chrome kann man Version 1.0 bereits testen.
[00:36:34] Keine Schaunotizen
grunt-parallel
… erlaubt das parallele Ausführen bestimmter Aufgaben. Üblicherweise werden Tasks in Sequenz ausgeführt, was aber nicht immer Notwendig ist. Hier kann grunt-parallel für etwas mehr Geschwindigkeit sorgen.
Dig Deep into CSS Gradients
… ist ein toller Artikel über die Funktionsweise von Farbverläufen.
CSS Tests – fonts and text
… nennt @ppks zuletzt gefundene Mobile Browser Bugs.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
39 min
March 01, 2013Revision 109: Counter Styles, mobile Betriebssysteme, HTML5-Linkelemente
Kahlil und Rod luden Andreas Dantz ins virtuelle Studio ein, um die letzte Internetwoche zu reflektieren.
Schaunotizen
[00:00:23] CSS Counter Styles
CSS Counter Styles Level 3 (Working Draft) beschreibt wie man Listen (
und
) mit eigenen Zählerstilen versehen können werden wird. Der Futur ist leider korrekt, denn Implementationen lassen noch auf sich warten.
[00:06:35] Mobile Betriebssysteme
LG kauft webOS um damit seine SmartTVs zu betreiben. Ob und wann das von Palm und HP entwickelte, auf Webstandards pochende, Betriebsystem auch auf LGs SmartPhones zum Einsatz kommt, ist noch nicht so ganz klar. Mozilla Firefox OS Startet im zweiten Quartal 2013 – mit einer Menge von Partnern.
[00:14:17] HTML5-Linkelement
Ian Devlin erklärt uns was das gute alte denn zwischenzeitlich alles kann. Interessant ist vor allem die Möglichkeit Downloads von Resourcen des Servers, sowie der JavaScript Laufzeit des geöffneten Dokuments zu erzwingen. Auch sinnieren wir über den Sinn und Unsinn des ping Attributs.
[00:27:41] jQuery Europe Conference
Schön war’s beim Kaiser. JavaScript spricht man auch in den prunkvollen Hallen der Paradeiser-Esser. Viele interessante Talks, leider keine Videos. Ohne jQuery-Bezug, stellte man die CSP – Content Security Policy vor. In Chrome kann man Version 1.0 bereits testen.
[00:36:34] Keine Schaunotizen
grunt-parallel
… erlaubt das parallele Ausführen bestimmter Aufgaben. Üblicherweise werden Tasks in Sequenz ausgeführt, was aber nicht immer Notwendig ist. Hier kann grunt-parallel für etwas mehr Geschwindigkeit sorgen.
Dig Deep into CSS Gradients
… ist ein toller Artikel über die Funktionsweise von Farbverläufen.
CSS Tests – fonts and text
… nennt @ppks zuletzt gefundene Mobile Browser Bugs.
39 min
February 20, 2013 Revision 108: asm.js, UA Sniffing und Operas Wechsel zu WebKit
Als lieben Gast hatten sich Christian und Hans diesmal Sebastian Golasch dazu geholt, der bereits einige Male zu Gast war und jedes mal eine Bereicherung für die Sendung ist.
[00:00:22] News
Adobe Edge Relow
Adobe veröffentlicht ein Tool für Responsive Webdesign um Photoshop zu verdrängen.
Grunt 0.4.0 veröffentlich
Nach langer Entwicklungszeit ist Grunt 0.4.0 nun endlich veröffentlicht.
Schaunotizen
[00:01:53] asm.js
Mozilla veröffentlicht asm.js, einer Untermenge von JavaScript, getrimmt auf Performance. Wir diskutieren über den Einsatzbereich von asm.js und on man es wirklich braucht.
[00:15:02] UA Sniffing
Pamela Fox schreibt über UA Sniffing und Fälle, bei denen es sinnvoll sein kann auf UA Sniffing zu vertrauen, anstatt Feature Detection zu nutzen.
[00:25:31] Opera wechselt zu WebKit
Buhuu… Die Meldung der Woche. Auch wir beteiligen uns an der Diskussion und sprechen über die Vor- und Nachteile dieses Schrittes. Als Diskussionsgrundlage bauen wir unter anderem auf Jake Archibalds Artikel auf.
[00:40:45] Keine Schaunotizen
Edge Conference – Videos
Einige interessante Panel-Diskussionen zu verschiedensten Webthematiken.
Screensharing with getUserMedia
Chrome Canary unterstützt Fullscreen-Sharing. Eine Demo dazu hat Eric Bidelman zusammengezimmert.
Dialogboxen und a11y
Nicholas Zakas beschreibt wie man mit wenigen aria-roles und ein bisschen JavaScript Dialogboxen zugänglich macht.
Distilled Hype sucht Nachwuchs
Unser Co-Host Kahlil such Hilfe für sein Link-Blog Distilled Hype.
Flexbox richtig gemacht
Chris Coyier beschreibt, wie man Flexbox richtig nutzt – mit der alten und neuen Syntax kombiniert.
Textillate
Mit Textillate kann man Buchstaben und Text toll animieren.
Lazy Line Painter
LLP malt SVGs. Demo anschauen!
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
48 min
February 20, 2013 Revision 108: asm.js, UA Sniffing und Operas Wechsel zu WebKit
Als lieben Gast hatten sich Christian und Hans diesmal Sebastian Golasch dazu geholt, der bereits einige Male zu Gast war und jedes mal eine Bereicherung für die Sendung ist.
[00:00:22] News
Adobe Edge Relow
Adobe veröffentlicht ein Tool für Responsive Webdesign um Photoshop zu verdrängen.
Grunt 0.4.0 veröffentlich
Nach langer Entwicklungszeit ist Grunt 0.4.0 nun endlich veröffentlicht.
Schaunotizen
[00:01:53] asm.js
Mozilla veröffentlicht asm.js, einer Untermenge von JavaScript, getrimmt auf Performance. Wir diskutieren über den Einsatzbereich von asm.js und on man es wirklich braucht.
[00:15:02] UA Sniffing
Pamela Fox schreibt über UA Sniffing und Fälle, bei denen es sinnvoll sein kann auf UA Sniffing zu vertrauen, anstatt Feature Detection zu nutzen.
[00:25:31] Opera wechselt zu WebKit
Buhuu… Die Meldung der Woche. Auch wir beteiligen uns an der Diskussion und sprechen über die Vor- und Nachteile dieses Schrittes. Als Diskussionsgrundlage bauen wir unter anderem auf Jake Archibalds Artikel auf.
[00:40:45] Keine Schaunotizen
Edge Conference – Videos
Einige interessante Panel-Diskussionen zu verschiedensten Webthematiken.
Screensharing with getUserMedia
Chrome Canary unterstützt Fullscreen-Sharing. Eine Demo dazu hat Eric Bidelman zusammengezimmert.
Dialogboxen und a11y
Nicholas Zakas beschreibt wie man mit wenigen aria-roles und ein bisschen JavaScript Dialogboxen zugänglich macht.
Distilled Hype sucht Nachwuchs
Unser Co-Host Kahlil such Hilfe für sein Link-Blog Distilled Hype.
Flexbox richtig gemacht
Chris Coyier beschreibt, wie man Flexbox richtig nutzt – mit der alten und neuen Syntax kombiniert.
Textillate
Mit Textillate kann man Buchstaben und Text toll animieren.
Lazy Line Painter
LLP malt SVGs. Demo anschauen!
48 min
February 13, 2013 Revision 107: Unresponsive Design, Docsprint und ein paar Links
Mit Schepp, Hans, Anselm und Peter auf der Brücke dampfte Working Draft gezielt auf seine Revision 107 zu.
[00:00:21] News
-Support in Firefox
Das neue Element (siehe Revision 101) ist nach Chrome jetzt auch im Firefox gelandet.
Schaunotizen
[00:00:49] Ditching responsive design
GoCardless hat für sein letztes Redesign ein unresponsive Design gewählt. Kann man so etwas heutzutage überhaupt machen? Die Firma argumentiert diesen Schritt mit zu wenig Mobile-Usern und Zeit- sowie Geldersparnis beim Bau eines unresponsive Designs. Schepp kann die Argumentation nachvollziehen, Anselm und Peter eher nicht – sie halten den Aufwand für ein Mimimum an responsiveness für so gering, dass es ihrer Meinung nach keinen validen Grund gibt, es nicht zu machen. Interessant scheint die Existenz einer „Unresponsive-Szene“ auf Twitter, die es genau wie GoCardless sieht.
[00:23:51] Bericht vom Web Platform Doc Sprint Berlin
Schepp, Hans und Anselm berichten vom Web Platform Doc Sprint Berlin, auf dem sie letzte Woche viel für webplatform.org geschrieben haben. Schepp schrieb Tutorials über IE-Handling, Hans dokumentierte box-sizing, Anselm unter anderem text-overflow. Einstimmiges Urteil: gut organisierte Veranstaltung und durch das Schreiben der Dokumentation gewinnt selbst der größte Nerd noch hier und da neue Erkenntnisse.
[00:41:00] Keine Schaunotizen
DevTools: Visually Re-engineering CSS For Faster Paint Times
Addy Osmani erklärt, wie man mit den Webkit-Devtools zu lange Paint-Zeiten erkennt.
Front-Trends 2013
Warschau ist schön und diese Konferenz ist es auch.
BLOKK font
Webfont für Wireframes.
Extensionizr – boilerplate for your chrome extension
Nomen est omen.
CSS Regions Polyfill
Im Gegensatz zu anderen Polyfills entspricht dieser der aktuellen Regions-Syntax.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
46 min
February 13, 2013 Revision 107: Unresponsive Design, Docsprint und ein paar Links
Mit Schepp, Hans, Anselm und Peter auf der Brücke dampfte Working Draft gezielt auf seine Revision 107 zu.
[00:00:21] News
-Support in Firefox
Das neue Element (siehe Revision 101) ist nach Chrome jetzt auch im Firefox gelandet.
Schaunotizen
[00:00:49] Ditching responsive design
GoCardless hat für sein letztes Redesign ein unresponsive Design gewählt. Kann man so etwas heutzutage überhaupt machen? Die Firma argumentiert diesen Schritt mit zu wenig Mobile-Usern und Zeit- sowie Geldersparnis beim Bau eines unresponsive Designs. Schepp kann die Argumentation nachvollziehen, Anselm und Peter eher nicht – sie halten den Aufwand für ein Mimimum an responsiveness für so gering, dass es ihrer Meinung nach keinen validen Grund gibt, es nicht zu machen. Interessant scheint die Existenz einer „Unresponsive-Szene“ auf Twitter, die es genau wie GoCardless sieht.
[00:23:51] Bericht vom Web Platform Doc Sprint Berlin
Schepp, Hans und Anselm berichten vom Web Platform Doc Sprint Berlin, auf dem sie letzte Woche viel für webplatform.org geschrieben haben. Schepp schrieb Tutorials über IE-Handling, Hans dokumentierte box-sizing, Anselm unter anderem text-overflow. Einstimmiges Urteil: gut organisierte Veranstaltung und durch das Schreiben der Dokumentation gewinnt selbst der größte Nerd noch hier und da neue Erkenntnisse.
[00:41:00] Keine Schaunotizen
DevTools: Visually Re-engineering CSS For Faster Paint Times
Addy Osmani erklärt, wie man mit den Webkit-Devtools zu lange Paint-Zeiten erkennt.
Front-Trends 2013
Warschau ist schön und diese Konferenz ist es auch.
BLOKK font
Webfont für Wireframes.
Extensionizr – boilerplate for your chrome extension
Nomen est omen.
CSS Regions Polyfill
Im Gegensatz zu anderen Polyfills entspricht dieser der aktuellen Regions-Syntax.
46 min
February 08, 2013 Revision 106: modern.IE, Textbalance und der ES5 Strict Mode
Neue Revision, neues Glück! Diesmal als Glücksfeen am Start: Kahli, Hans und als Überraschungsgast der feine Herr Hemberger.
[00:00:29] News
Sublime Text 3 Beta
Der guteste Texteditor von allen erhält eine dritte Version.
Flight
Neues komponentenbasiertes Framework aus der Feder Twitters.
Schaunotizen
[00:01:49] modern.IE – Testing made easier in Internet Explorer
Das Internet-Explorer-Team poliert weiter seinen ramponierten Ruf auf und bietet eine Webseite mit allerlei hilfreichen Ressourcen rund um Qualitätssicherung an. Besonders hilfreich: 3 Monate kostenloser Browserstack-Zugang.
[00:17:35] Balancing Text for better Readability
Adobe stellt einen Vorschlag für eine neue CSS-Eigenschaft vor. Mit text-wrap: balance soll es möglich sein bei zentriertem Text ein ausgeglicheneres Schriftbild zu erzeugen.
[00:29:38] Should You „Use Strict“ in Your Production JavaScript?
Der in ECMAScript 5 eingeführte Strict Mode verändert das Verhalten von JavaScript im Browser recht tiefgreifend und Michael Mathews fragt sich, ob man das im Produktiveinsatz wirklich haben will.
[00:42:44] Keine Schaunotizen
Big JS-Compatibility-Table
Behauptet, es würde sich um JS drehen, enthält aber vor allem DOM. Und ist daher nützlich.
js-testing-boilerplates
Schön einfache Boilerplates für Unit Tests für Jasmine, Mocha und QUnit. Hilft vielleicht denen, die sonst immer zu faul sind, sich damit zu befassen.
remoteStorage – An open protocol for per-user storage
Jan-Christoph Borchardt erklärt‘s im Video.
HTML5-Apps mit Firefox OS
Chris Heilmann erzählt von der Entwicklung von und der Toolchain für Apps in Firefox OS.
hint.css – styled tooltips without javascript
JavaScript ist etwas für Leute, die kein CSS können.
CSSConf
Nomen est omen.
Thema
Das Chrome-Team berichtet von Fortschritten in Sachen Web RTC: Browser A kann Browser B anrufen!
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
49 min
February 08, 2013 Revision 106: modern.IE, Textbalance und der ES5 Strict Mode
Neue Revision, neues Glück! Diesmal als Glücksfeen am Start: Kahli, Hans und als Überraschungsgast der feine Herr Hemberger.
[00:00:29] News
Sublime Text 3 Beta
Der guteste Texteditor von allen erhält eine dritte Version.
Flight
Neues komponentenbasiertes Framework aus der Feder Twitters.
Schaunotizen
[00:01:49] modern.IE – Testing made easier in Internet Explorer
Das Internet-Explorer-Team poliert weiter seinen ramponierten Ruf auf und bietet eine Webseite mit allerlei hilfreichen Ressourcen rund um Qualitätssicherung an. Besonders hilfreich: 3 Monate kostenloser Browserstack-Zugang.
[00:17:35] Balancing Text for better Readability
Adobe stellt einen Vorschlag für eine neue CSS-Eigenschaft vor. Mit text-wrap: balance soll es möglich sein bei zentriertem Text ein ausgeglicheneres Schriftbild zu erzeugen.
[00:29:38] Should You „Use Strict“ in Your Production JavaScript?
Der in ECMAScript 5 eingeführte Strict Mode verändert das Verhalten von JavaScript im Browser recht tiefgreifend und Michael Mathews fragt sich, ob man das im Produktiveinsatz wirklich haben will.
[00:42:44] Keine Schaunotizen
Big JS-Compatibility-Table
Behauptet, es würde sich um JS drehen, enthält aber vor allem DOM. Und ist daher nützlich.
js-testing-boilerplates
Schön einfache Boilerplates für Unit Tests für Jasmine, Mocha und QUnit. Hilft vielleicht denen, die sonst immer zu faul sind, sich damit zu befassen.
remoteStorage – An open protocol for per-user storage
Jan-Christoph Borchardt erklärt‘s im Video.
HTML5-Apps mit Firefox OS
Chris Heilmann erzählt von der Entwicklung von und der Toolchain für Apps in Firefox OS.
hint.css – styled tooltips without javascript
JavaScript ist etwas für Leute, die kein CSS können.
CSSConf
Nomen est omen.
Thema
Das Chrome-Team berichtet von Fortschritten in Sachen Web RTC: Browser A kann Browser B anrufen!
49 min