

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

Apr 10, 2013 • 55min
Revision 115: Browsertriebwerke, RWD und Steinzeitmalerei
Hans und Rod luden sich Marc Hinse ein, um den wöchentliche Tratsch mal streng Badisch abzuwickeln – Wir können alles, außer Hochdeutsch.
[00:00:20] News
<hgroup> kommt weg
Weil <hgroup> nicht fristgerecht von Browserherstellern umgesetzt wurde, wird es aus der Spezifikation gestrichen.
Schaunotizen
[00:01:29] Blink
Nach Jahren des Mitwirkens trennt sich Google nun von WebKit und macht mit Blink ihr eigenes Ding. Obwohl das erstmal wenige Auswirkungen für uns Webentwickler haben sollte, haben ganz viele Leute ganz viele Meinungen:
Aerotwist: Hello, Blink!
Jaffathecake: That solves the Monoculture
Brucel: Hello Blink
Chromium FAQ
PPK: Blink
Thoughts on Blink – a contributor’s perspective
WebKit devs on Blink fork: ‚Two can play that game‘
Unmaintained features in WebKit
[00:17:25] Servo
Mozilla forscht schon länger an einer neuen Renderingengine namens Servo. Samsung hat nun die Basis geschaffen, um das Projekt auch auf seinen ARM-basierten Geräten laufen zu lassen.
[00:20:55] Media Queries are a hack
Media-Queries gruppieren unterschiedliche CSS-Anweisungen nach Browsereigenschaft. Es stellt sich die Frage, ob die Verfeinerung einzelner CSS-Anweisungen um die Browsereigenschaft-Einschränkung nicht das logischere Mittel wäre.
[00:29:09] Responsive Deliverables
„Responsive“ ist in aller Munde. Doch hat man auch schon angefangen das Konzept „Seite“ zu verlassen und über „Module“ respektive „Komponenten“ nachzudenken?
[00:31:27] New save symbol needed?
Alle Jahre wieder taucht die Frage auf, ob gewisse Symbole noch zeitgemäß sind. Diesmal traf es (wieder mal) die gute alte Diskette. Man argumentiert, dass die heutige Jugend nicht einmal mehr wisse, was eine Diskette überhaupt sei und deshalb eine andere Metapher für „Speichern“ herbeigezaubert werden müsse. Wir sehen das anders, wie In Defence of the Floppy Disk Save Symbol schön schildert.
[00:42:53] Glücksrad
CDATA sections
Das von XML geerbte <![CDATA[ wird benutzt, um den Inhalt eines Elements wörtlich zu nehmen, also nicht durch den Parser zu schleusen. Man hat das früher gerne um Inline-JavaScript gepackt, weil XHTML ja ganz Hip war. Das ist bei HTML5 aber so nicht mehr notwendig.
[00:46:48] Keine Schaunotizen
Media Queries in SVG images – Cloud Four Blog
Media Queries lassen sich auch in SVG nutzen. Das nette daran, ein max-width wirkt sich hier nicht auf den Viewport, sondern das Bild aus. So kann man also den Inhalt eines SVG Bildes abhängig von der Größe des Bildes nach Belieben umbauen.
<learning class=’always‘>…
Wie fange ich eigentlich an AngularJS zu lernen?
10 tips for designing localised interfaces
10 einfache – jedoch gute – Tips einigen Problemen bei mehrsprachigen Webseiten aus dem Weg zu gehen.
How To Sell The Value Of Mobile To Clients
Wie verkaufe ich meinen Kunden eigentlich den angeblichen Mehraufwand für Responsive Design?
Annotate your code
In Chromes DevTools kann man die Rendering Timelines mit Markern versehen
Page weight grows 24% year-over-year (not 44%)
Performance-Papst rudert zurück, wenn auch nur ein bisschen.
datalist experiment
Zeigt was der Chrome so alles mit <datalist> anstellen kann. Wir wollen das in allen Browsern. Heute!
[Job] Interaction Designer
München: Google sucht einen Interaction Designer für seine DevTools.
[Job] Developer Evangelist
Überall: mailjet such einen Developer Evangelist
[Job] Junior Mobile Web Developer
Berlin: Geil,Danke! sucht einen Mobile Web Developer.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Apr 7, 2013 • 1h 7min
Revision 114: <template>, Appcache, asm.js versus Bytecode
Für die neue Revision werden Schepp und Peter von Andreas Dantz begleitet, der sich sehr über den JavaScript-Schwerpunkt dieser Sendung gefreut hat. Zum Ausgleich drehen wir dieses mal auch am CSS3-Glücksrad.
Schaunotizen
[00:00:35] HTML’s New Template Tag
HTML5 Rocks berichtet vom neuen <template>-Element, einen Mechanismus zum Unterbringen von Template-Code in HTML. Bisher hatte man Code für z.B. Handlebars in dazu mißbrauchten <script>-Tags verstecken müssen. Das <template>-Element ist hingegen für diesen Zweck gebaut und enthält nichts außer einem einsatzbereiten DocumentFragment. Warum man allerdings Templates als Code in HTML-Elementen und nicht als fertig kompilierte JS-Funktionen würde verwenden wollen, ist uns nicht ganz klar geworden.
[00:14:20] Fixing appcache: a proposal to get us started
Jonas Sicking hat einen Vorschlag, wie man den HTML5 Application Cache reparieren könnte, da dieser ja bekanntlich ein Arschpirat ist. Oder? Peter sieht das eher differenziert und hat darüber hinaus etwas gegen das vorgeschlagene JSON-Format für Manifest-Files und die Idee eines „Online-Modus“.
[00:34:17] Why asm.js bothers me
Ein V8-Engineer hat Probleme mit asm.js (s. Revision 108). Das Ende der Performance-Optimierung von normalem JS wird befürchtet und außerdem sollte man lieber einen richtigen Bytecode statt eines JS-Subsets einführen. Aber wie der Doktor schon schrieb ist das mit dem Bytecode auch nicht so einfach, wie es zunächst scheint. Außerdem ist Vorteil des JS-Subsets, dass asm-Scripts bereits heute in allen Browsern laufen, auch wenn die Unreal-Demo im IE 6 weniger flüssig sein dürfte als im Nightly Firefox.
[00:47:10] Glücksrad
CSS3: Font property descriptors
Wir finden mühsam die Details von Kursivierung heraus und spekulieren über das Verhalten von font-stretch.
HTML5: The Document object
Wir graben obskure IE-Triva über das Document-Objekt aus und staunen darüber, dass document.head eine eher neue Erfindung ist.
[01:01:51] Keine Schaunotizen
SVG Patterns Library
Wie die CSS3 Patterns Library, aber mit SVG (und damit im IE 9)
Angular.js Resources
Von Kahlil gesammelte Links zu Angular.
jquery.resize.js
Wir hatten uns in der letzten Revision dieses Script gewünscht, Yannick Albert liefert.
DevTools Extensions For Web App Developers
Peter würde Addy Osmanis Chrome-Extension-Liste gern um den JavaScript Errors Notifier ergänzt sehen.
Bacon.js
Eine Functional Reactive Programming Library, die Peter ganz toll findet, aber nur sehr inadäquat erklären kann.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Mar 29, 2013 • 50min
Revision 113: jQuery vom CDN und Resize Events auf DOM Elementen
Hans und Rod gaben sich zu Zweit die Ehre – können ja nicht alle arbeiten oder Häuser kaufen…
[00:00:18] News
Backbone.js 1.0 ist da.
… und bringt Unterstützung für HTTP PATCH, einfacheres Event Handling und vielen anderen kleinen Verbesserungen.
IE10 (Metro) mag Flash
Im Hause Microsoft ruderte man zurück: Aus der Whiteliste (explizite Freigabe) für Flash im IE10 via Metro wurde nun eine Blackliste (explizites Verbot).
IE11 ist like Gecko
Der IE10 brach mit den Conditional Comments, der IE11 bricht mit dem User Agent String – Microsoft kappt die Verbindungen zu seiner düsteren Internet Vergangenheit.
Schaunotizen
[00:01:51] jQuery vom CDN – oder nicht?
Steve Souders – der Papst der Web Performance – hat mal wieder geprüft wie jQuery denn auf Webseiten eingesetzt wird. Hans betet ein paar unverständliche Zahlen herunter und Rod findet CDNs nicht so toll. Am Ende kommt es immer noch drauf an was man da eigentlich macht. Wie immer halt.
[00:17:22] Resize Event für DOM Elemente
Wir erfreuen uns an einer Cross-Browser-Lösung für das Ermitteln von Größenänderungen von einzelnen Elementen im DOM. Etwas nutzerfreundlicher wäre die Kapselung in jQuery’s Special Events – weitere Infos dazu haben Ben Alman und learn jQuery.
[00:30:36] HTML5 Glücksrad
Wir haben uns ein menuitem Element gewonnen. Damit lassen sich, in Verbindung mit <menu type="context"> native, also in der Browser-UI gerenderte, Kontextmenüs basteln.
Bisher kann das nur der Firefox, doch Rod hatte damals ein jQuery Plugin mit HTML5 import gebaut.
[00:40:10] Keine Schaunotizen
Chart.js
… zeichnet schöne Diagramme in die <canvas>. Wem das zu puristisch ist und SVG sowieso viel besser steht, schaue sich HighCharts an.
Unifying Touch and Mouse
Microsoft erklärt uns wie unsere Web Apps mit seiner Pointer Events API spielen dürfen.
Superhero.js
… ist eine exzellente Sammlung an Artikeln über professionelle JavaScript-Entwicklung.
Drawscript
… ist ein Illustrator Plugin, das Vektor-Grafiken in allen möglichen und unmöglichen Textformaten ausgeben kann.
The Short Cutts
… ist eine Aufstellung von SEO Videos von Googles Matt Cutts.
WebPlatformTools
… kennt eine ganze Menge von nützlichen Tools
Discover DevTools
Paul Irish hat eine Reihe von Videos zur Nutzung der Chrome’schen DevTools bereitgestellt.
Printing The Web
Hans schrieb über CSS Print Styles.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Mar 19, 2013 • 40min
Revision 112: Glücksrad und Links
Schepp und Peter sahen sich akutem Themenmangel gegenüber und beschlossen daher, einfach ein halbes Stündchen das Glücksrad drehen zu lassen und dann die Links zu verlesen.
HTML-Glücksrad
[00:01:05] Event Sources
Auch bekannt als Server-sent Events stellen Event Sources eine bequeme Polling-Abstraktion im Browser dar, die in manchen Fällen Web Sockets vorzuziehen sind. Vor allem ist die Server-Komponente so simpel, dass sie sogar mit PHP umsetzbar wäre. Leider fehlt die API in IE und Android-Browser, doch wir halten einen Polyfill für machbar.
[00:11:08] Indeterminate Checkboxes
Peter singt ein Loblied auf die Nützlichkeit der HTML5-Specs, während Schepp schnell einen Tastcase für das indeterminate-DOM-Attribut ergooglet. Stellt sich raus, dass dieses Feature, mit dem man eine Checkbox anzeigen kann, als wäre sie in einem dritten Zustand, in allen Browsern funktioniert.
[00:20:11] async und defer
Performance-Papst Schepp I. referiert über zwei Attribute für Script-Tags, die die Ausführung von Scripts beeinflussen. Fazit: Wenn wir ohnehin alle Scripts in eine Datei zusammenfassen und diese erst am Seitenende einbinden, brauchen wir die Attribute gar nicht so dringend.
[00:29:30] Parsing HTML documents
Peter erklärt kurz, was es mit HTML und XHTML auf sich hat und warum von beiden Sprachen nur HTML in den HTML5-Spezifikationen steht. Kompliziert wird HTML vor allem durch document.write(), das auch für das blockierende Verhalten von Scripts verantwortlich ist.
[00:34:28] Keine Schaunotizen
Min-Content
Eine neue Maßangabe für CSS, anschaulich erklärt.
Vertical text with CSS 3 Writing Modes
Die writing-mode-Eigenschaft in den diversen Browsern und ihr Wechselspiel mit anderen CSS-Eigenschaften.
Shadow DOM 201: CSS and Styling – HTML5 Rocks
Follow-up zu Shadow DOM 101.
Sublime Web Inspector
Debugging direkt im Editor!
Future of Firefox DevTools
Mozilla rüstet auf.
Sublime Text 3 Compatible Packages
Schon von ST2 auf ST3 wechseln oder noch nicht? Diese Liste hilft bei der Entscheidungsfindung.
Awesome PHP Libraries
Nomen est omen.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Mar 16, 2013 • 56min
Revision 111: Performance-Proxy, Media Queries Level 4, http-client-hints
Eigentlich haben wir alle keine Zeit, aber das ist keine Ausrede – jedenfalls nicht für Schepp, Peter und Frederic.
[00:00:23] News
Google and MPEG LA Agree, Free VP8
Der VP8-Codec (verwendet in WebM) wird auch in Zukunft nicht in die Nichtexistenz geklagt werden.
Opera 14 Beta
Der erste Opera mit Webkit. Besonders schön: Läuft anders als Chrome und Co bereits ab Android 2.3.
Node.js 0.10
Neues Streams-Interface, stark verbesserte Performance und diverse Bugfixes.
Schaunotizen
[00:01:51] Data Compression Proxy
Google bastelt einen Performance-Proxy für mobiles Surfen, vergleichbar mit Opera Turbo. Jede (nicht-HTTPS) Anfrage wird durch einen Google-Server getunnelt, der Performancetuning mit z.B. SPDY und mod_pagespeed vernimmt, bevor die Daten an den Nutzer weitergeleitet werden. Performance-Papst Schepp findet die Idee total klasse, während sich Peter fragt, ob man wirklich jeden seiner HTTP-Requests zu Google tragen möchte – viel besser wäre es doch, die Mobilfunknetze auszubauen.
[00:17:35] The Good & Bad of Level 4 Media Queries
Noch sind Media Queries Level 4 alles andere fertig, aber ein bisschen Spec-Exegese kann man schon betreiben. Der Artikel von Stu Cox und wir reiben uns ein wenig am Media Feature pointer, das nicht ganz durchdacht scheint. Nicht zuletzt fehlt eine Option für den Minority Report Mode. Wäre es nicht besser, wenn wir einfach weniger Annahmen über die Eingabegeräte der Nutzer machen würden?
[00:27:48] http-client-hints
Ilya Grigorik will, dass wir genauere Annahmen über die Endgeräte der Surfer machen können und spezifiziert einen HTTP-Header für solche Informationen. Peter fühlt sich bei sowas an die History of the browser user-agent string, Viewports und andere Flunkereien durch Browser erinnert und fragt sich, warum dieses mal alles anders sein sollte.
[00:40:05] HTML-Glücksrad
Timed Text Tracks
Wir fabulieren ein wenig über Video-Untertitel, das WebVTT-Format, Security sowie Transloadit und andere Datei-Umwandel-Dienste. Außerdem empfehlen wir den Talk The State of HTML5 Video von Jeroen Wijering.
[00:51:05] Keine Schaunotizen
Finer grained control of hyphenation with CSS4 Text – Generated Content by David Storey
Funktioniert sogar schon in IE 10 und Safari.
Using SVG
Umfassender Überblick von Chris Coyier zum Thema.
Codebase
Github für mehr als nur Git plus Projektverwaltung.
Spenden für Tern
Open-Source-JavaScript-Autocompletion kann man nicht kaufen, aber crowdfunden.
Meaningful Transitions
Schöne Patterns für Transitions in UIs.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Mar 5, 2013 • 37min
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 <div> 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/

Mar 1, 2013 • 39min
Revision 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 (<ul> und <ol>) 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 <a> 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/

Feb 20, 2013 • 48min
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/

Feb 13, 2013 • 46min
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
<main>-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/

Feb 8, 2013 • 49min
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/


