

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

Aug 10, 2011 • 55min
Revision 35: PhoneGap und Web Intents
Was gibt es Besseres, als bei dem aktuellen Wetter den virtuellen Kamin anzufachen und sich auf einen Plausch um ihn herum zu setzen?
Schaunotizen
[00:00:14] Mozilla UX Presentation
Die Mozilla Jungs sitzen mal wieder an neuen Ideen zur weiteren Verschlankung ihres Browser Interfaces. Dabei bedient man sich bei Chrome wie IE9 gleichermaßen und auch der OS X Fullscreen Modus will eingebaut werden.
[00:14:10] What to expect from Phonegap 2.0
Die Präsentation zur (denkbaren) Zukunft von Phonegap nehmen wir zum Anlass, über die Fähigkeiten der gerade releasedten 1.0er Version zu reden: Was für Vorteile bietet die Entwicklung nativer Apps mit Web-Sprachen.
[00:26:30] Downloading resources in HTML5: a[download]
Mit HTML5 wird das Link-Element um ein Attribut namens download erweitert. Mit diesem lässt sich der Dateiname definieren, mit dem der Browser eine Datei bei Downloaden (vor-)benennt. Warum das nicht nur Kleinkram, sondern etwas sehr sinnvolles ist, das finden wir im Gespräch heraus.
[00:33:34] Connecting Web Apps with Web Intents
Google und Mozilla sitzen beide an einer neuen Web-zu-Browser-Schnittstelle, mit der sich Web- und Offile-Apps als „Verarbeiter“ bestimmter Dateitypen am Browser anmelden können. Andere Webanwendungen wiederum können solche Dateien dann zu externen Bearbeitung an diese Anwendungen auslagern und die Ergebnisse weiterverarbeiten.
[00:44:17] Keine Schaunotizen
Viewport and Media Queries – The Complete Idiot’s Guide
Alles, was man derzeit zu <meta name="viewport"> bzw. @viewport und CSS3 Media Queries wissen muss.
Let the Web move you — CSS3 Animations and Transitions
Alles Rüstzeug zu den verschiedenen Möglichkeiten, per CSS3 zu animieren.
jQuery EasyUI
Ein Plugin für jQuery, das all die Widgets und Interface-Elemente mitbringt, die man sonst eher von ExtJS oder Dojo kennt.
Responsive Images in HTML – Automatically deliver small images to small devices.
Ein völlig CMS-agnostisches Apache/PHP-gestütztes System, mit dem man mobile Geräte mit kleineren Grafiken beliefern kann.
put-selector/put module/package
JavaScript-Werkzeug mit Zen-ähnlicher Syntax zur unkomplizierten Erzeugung von DOM-Knoten.
Nathan’s Lessons
Ein sich permanent erweiterndes JavaScript Wissensquiz
Testing Your JavaScript with Jasmine
Ein schönes Tutorial, das einen in die Verwendung von Jasmine als Testwerkzeug für JavaScript-Code einführt.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Aug 2, 2011 • 58min
Revision 34: Kontraste und Kleinscheiß
Es stellte sich uns die Frage, ob es wohl als praktisch empfunden werden würde, veranstalteten wir einige Sondersendungen – entweder zusätzlich zu den wöchentlichen News-Folgen, wovon ihr uns aber erst überzeugen müsstet, oder stattdessen.
Schaunotizen
[00:00:34.000] contrastrebellion.com
[00:18:02.000] html2canvas
[00:26:13.000] Get your HEAD in order!
00:41:40.000 hascan: Only serve the ones you care about
Keine Schaunotizen
SQL-Injection-Cheatsheet
YouTube Creator Playbook
CreativeJS
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Jul 26, 2011 • 1h 10min
Revision 33: Peter hat ein MacBook Air!
Schaunotizen
[00:00:43.000] Safari 5.1
Auto-Hyphens, seltsames Scrollen, WebKit2, Fullscreen und ordentliche Gradients.
[00:22:23.000] Uberspace.de
„Uberspace.de ist deine Plattform für den Betrieb von Websites und Mail. Sie bietet ungewöhnlich viele Möglichkeiten, engagierte Unterstützung durch erfahrene Linux-Admins – und das Beste: den Preis bestimmst du!“
[00:35:14.000] MDN Search
Chrome-Plugin, das dabei hilft, schnell und easy die Mozilla-JavaScript-Dokus zu durchsuchen. Das braucht man, denn Google ist dazu äußerst ungeeignet, was man aber auch versuchen sollte zu ändern.
[00:46:24.000] EU-Cookie-FAQ
Das Telemediengesetz wird oder wurde entsprechend der EU-Richtlinien erneuert. Neues Futter für windige Anwälte: Eine Website darf keine Daten mehr auf dem Client speichern, wenn dem der Nutzer nicht ausdrücklich zugestimmt hat. Yeah!
Keine Schaunotizen
responsivepx.com
Noch mehr Polyfills
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Jul 21, 2011 • 1h 28min
Revision 32: Zwei hoch fünf
Peter war als HTML5-Sithlord seine Padawane schulen und Markus qualmte von einer sehr produktiven Woche noch der Schädel. Daher hat sich Schepp mal mit dem lieben Frank Bültge (@bueltge) zusammengetan, seines Zeichens WordPress-Experte, Autor und Mitveranstalter des alljährlichen WordCamp Deutschland.
Schaunotizen
[00:03:45] Why I’ve built an Alternative to GitHub
Dieser Artikel, in dem jemand verkündet dass er sich sein eigene GitHub gebaut hat, ist für uns Anlass darüber zu reden, was neben den Omnipräsenten GitHub, SourceForge und Google Code noch so für Repositories gibt. Denn GitHub kann bei Zunahme privater Repositories doch schon recht teuer werden. Frank hat für sich recherchiert, und am Ende blieben folgende vielversprechende Kandidaten übrig: indefero.net, codeplane.com, gitorious.org, xp-dev.com
[00:12:33] Understanding Mobile Cache Sizes
Wie große einzelne Ressourcen sein können, um noch von mobilen Geräten gecached werden zu können, wissen wir. Was wir bislang jedoch nicht wussten ist: Wie groß ist denn eigentlich der gesamte Browsercache? Und gibt einen Unterschied zwischen flüchtigem Cache im Arbeitsspeicher, und dauerhaftem Cache auf der Festspeicher? Und tatsächlich fördert eine entsprechende Untersuchung Erstaunliches zu Tage: iOS hat zwar massig Arbeitsspeichercache, aber null Festspeicher-Cache. Vor allem aber: Android 2.x verfügt nur über jeweils 4 MB Cache! Sprich: Traditionelle Cache-Strategien versagen komplett.
[00:26:02] BoxJS, BoxJSON, BoxCSS und BoxResizer
Diese Box…-Dienste bieten tolle Funktionen: BoxJS ist zugleich JavaScript-Loader wie auch Coffee-Script-Parser, BoxJSON ist ein simpler Datenspeicher, BoxCSS fügt Deine lokalen CSS-Dateien zu einer gecachten Datei zusammen und kann dabei sogar LESS-Dateien parsen, und BoxResizer kann im Flug Bilder umrechnen (Stichwort: Responsive Webdesign).
[00:34:36] BrowserID – A better way to sign in
Mozilla hat sich genau angesehen, was bei OpenID und Konsorten falsch lief und läuft, und hat ein mit BrowserID ein neues offenes System vorgeschlagen, das deren Nachteile nicht hat. Für Webentwickler ist es obendrein recht einfach einzubinden.
[00:43:04] Sprite3D.js
Da die Hürde zur Verwendung von 3D in WebGL relativ hoch liegt ist es sehr begrüßenswert, dass hier jemand eine Bibliothek anbietet, die 3D ausschließlich mit bekannten HTML-Elementen und CSS3-3D-Transforms abfeiert. Für kleinere 3D-Spielereien, wie sie sicherlich die Mehrheit der Szenarien darstellen, ein tolle Sache! Derzeit aber noch WebKit-only…
[00:48:40] Web Education moving forward – Opera WSC goes to the W3C!
Das sehr erfolgreiche, von Opera initiierte Nachschlagewerk „Web Standards Curriculum“ wird nun beim W3C eingeklinkt und in eine Wiki-Form überführt. Das macht es möglich, dass nunmehr jeder seinen Teil beitragen kann. Gesucht werden allerlei freiwillige Helfer, die Themen vorschlagen und Artikel schreiben, gegenlesen oder übersetzen. Wer sich angesprochen fühlt, aber lieber in Deutsch liest und schreibt, der kann sich natürlich auch beim SelfHTML Wiki engagieren. Und wir schweifen ab :)
[01:02:35] WordCamp 2011 in Köln
Frank und Schepp werden beide bei dem WordCamp 2011, am 24.09.2011 in Köln am Start sein. Frank ist Mitorganisator und erzählt ein wenig zu den Hintergründen des WordCamps. Es gibt nur 250 Plätze, insofern, wer dabei sein will: Schnell anmelden! Ach ja: Und wir schweifen ab :)
[01:18:31] Keine Schaunotizen
oCanvas
Wieder eine dieser zahlreichen Canvas-Bibliotheken. Eines allerdings macht sie anders als der Rest: Sie arbeitet ähnlich SVG mit Einzelobjekten anstatt mit Pixeln, die im ganzen transfomiert und animiert, und die mit den typischen Events belegt werden können.
PDFKit – A PDF generation library for Node.js
Nach und nach erscheinen für Node.js all die nützlichen Bibliotheken, die den Griff zu anderen Sprachen so attraktiv gestalten. Nun kommt PDFKit zur serverseitigen Erzeugung von PDFs hinzu.
Waldo
Waldo durchsucht alle Objekte im DOM nach Kriterien wie Inhaltstyp oder Eigenschaftenname. Ideal, um fremden Code zu erkunden.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Jul 14, 2011 • 1h 23min
Revision 31: Takeout, OpenCL und Memory Management
Besser spät als nie: die Neue Revision ist da! Es gab viel zu besprechen, dafür aber keine Keine Schaunotizen.
Schaunotizen
00:00:24.000 Google Takeout
Google ermöglicht das Exportieren von Daten, die man in den diversen Google-Produkten hinterlassen hat (Buzz-Posts, Fotos, Profilinfos) in einem brauchbaren Format. Warum können das nicht andere Dienste (Facebook) auch anbieten?
00:08:35.000 WebCL
Mit WebCL lässt sich die Rechenpower von GPUs für Webapplikationen nutzen, für den Fall dass man mal richtig viel rechnen muss. Erwähnenswert ist in diesem Zusammenhang die Fabric Engine, die sich eines ganz ähnlichen Problems annimmt.
00:22:22.000 Pseudo Spriting
CSS-Trick: Pseudo-Spriting mit Pseudo-Elementen.
00:30:00.000 Using Cross-domain images in WebGL and Canvas
Cross-Origin Resource Sharing für Canvas und WebGL kommt.
00:35:10.000 JavaScript Memory Management und Verbesserungen am Speichermanagement des FF
Eigentlich müsste JavaScript mit einer automatisierten Speicherverwaltung das Thema Speicherverbrauch uninteressant für Webworker machen. Dass es nicht ganz so einfach ist, ist bekannt und deshalb rüsten zukünftige Versionen des Firefox in Sachen Speichermanagement-Techniklen auf. Bis dahin kann man selbst auch etwas für den Speicherverbrauch tun, in Zukunft vielleicht sogar mit Weak Maps in JS.
00:56:00.000 HTML5 Parsing in IE10 ohne Conditional Comments
Der IE10 erhält einen standardkonformen HTML5-Parser. Juhu! Keiner Haken daran: Von Conditional Comments steht nichts in den Specs …
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Jul 6, 2011 • 1h 23min
Revision 30: IE10, Google+ und Dr.Web
Diesmal sind wir wieder etwas später dran mit unserer Revision, denn wir mussten zwei mal aufnehmen. Der Grund: Wir hatten die verrückte Idee, anstatt per Skype mal per Google+ Hangout aufzunehmen; blöd war nur, dass der Hangout nach rund einer Stunde abstürzte, und die Aufnahme gleich dazu. Um nicht den gleichen Sermon erneut rezitieren zu müssen, haben wir uns für die zweite Aufnahme den Jens Grochtdreis dazu geholt.
Schaunotizen
[00:00:00] IE10 Public Preview 2 ist da!
Wir reden über Drag & Drop, die File-API, HTML5 Forms, Web Workers, Sandboxed Iframes, ES5 Strict Mode, requestAnimationFrame, Media Query Listeners, async-Attribut CSS3 Flexbox, CSS3 Positioned Floats, CSS3 Grids und CSS3 Multicolumn Layout. Außerdem wagen wir uns an einer Einschätzung, ob der IE10 das Zünglein an der Waage ist, das unsere Art Webseiten zu layouten auf den Kopf stellt.
[00:38:30] Google+
Wir tun unsere Begeisterung über Googles neues soziales Netzwerk kund. Außerdem vergleichen wir es mit Twitter und Facebook, sagen was gut funktioniert und was noch verbesserungsfähig wäre.
[01:01:18] CSS1K
Letzte Woche ist ein neuer Wettbewerb online gegangen, bei dem die Aufgabenstellung ist, ein vorgegebenes HTML möglichst kreativ mit nur 1024 Bytes (also Zeichen) CSS zu gestalten. Verboten sind alle externen Ressourcen, also Fonts und Bilder, wie auch DataURIs. Bisher sind nicht viele große Design-Würfe dabei, aber das Projekt ist ja noch jung…
[01:09:15] HTML5Pattern
Diese Seite sammelt alle möglichen Regulären Ausdrücke, die man jemals im pattern-Attribut eines HTML5 Eingabefelds zur Feldprüfung gebrauchen könnte: Kreditkartennummern, Passwortvorgaben, Postleitzahlen, etc. Praktisch!
[01:12:28] Die Auferstehung des untoten Dr.Web
Das im letzten Jahr eingestellte Dr.Web-Magazin wurde offenbar an eine Online-Marketing-Firma verkauft, die die Seite nun wiederbeleben will. Betrachtet man diverse Rahmenparameter, so sind wir bzgl. eines möglichen Erfolgs sehr skeptisch.
[01:20:44] Keine Schaunotizen
gmap3
jQuery-Wrapper für das Google Maps v3 API
morf.js
Mehr easing Funktionen für CSS3 Transitions!
Node Up
Der erste Podcast zu Node.js
IEWebGL
Ein Java-basiertes WebGL-Polyfill für die IEs
Know Your Engines [PDF]
Vortrag von David Mandelin, dem neuen Chefarchitekten der Mozilla-JavaScript-Engine, von der Velocity 2011 über interessante Eigenheiten der verschiedenen JavaScript-Engines.
dotjs
Im Browser per Plugin verankerte JavaScripte, die jeweils per Regel bei bestimmten Seiten ausgeführt werden.
Eine MP4-Fassung gibt es diesmal nicht, weil Markus im Urlaub ist.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Jun 28, 2011 • 37min
Revision 29: VisualSearch.js und Twitter-Spam
Nachdem wir letzte Woche mit zwei Stunden Sendungsdauer unseren Schnitt etwas gehoben haben, gleichen wir das in dieser Woche mit einer guten halben Stunde sofort wieder aus.
Schaunotizen
[0:00:16.000] iOS 5 Beta 2 mit -webkit-overflow-scrolling: touch
[0:02:04.000] VisualSearch.js
[0:07:51.000] CDNjs.com
[0:14:00.000] Twitter promoted Tweets
Keine Schaunotizen
CSS Animation Keyframe Events
Spritecow
Webfont Load Enhancer
Hören
http://workingdraft.de/wp-content/uploads/2011/06/wd-29.mp3
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Jun 23, 2011 • 1h 56min
Revision 28: Niemand hat Lion oder iOS 5
Nach zweiwöchiger Abstinenz melden wir uns mit einer rekordverdächtigen Folge zurück: Vier Mann füllen knapp zwei Stunden Hörmaterial. Das liegt unter anderem daran, dass wir uns am Ende auch einer Betrachtung des Verhältnisses der Deutschen zum Internet widmen. Ihr wisst schon: Netzabdeckung, Cyberabwehrzentrum, freie WLANs, Kinderpornos und so. Zu Gast war diesmal Cem Derin. Mehr von ihm hört in seinem Podcast oder seht Ihr auf Offenen Bühnen Events.
Schaunotizen
[00:00:55] jsmad
Peter freut sich über das Erscheinen von jsmad, weil es seine Vermutung bestätigt, dass die Webworkerschaft das Problem fehlender Audio- und Video-Unterstützung durch HTML5-basierte Ports beheben kann. Auch wenn das vielleicht nicht unbedingt so performant ist wie eine native Unterstützung seitens des Browsers.
[00:06:35] Lazy HTML Evaluation
Ein Performance-Kniff, auf den letztes Jahr Sergey Chikuyonok gekommen ist verpackt das HTML einer Seite so, dass es vom Browser zunächst nicht vollständig ausgewertet und damit gezeichnet werden muss. Wenn der Browser auf die Weise nur den oberen, als erstes sichtbaren Teil der Seite zeichnen muss, dann ist sie schneller da (vor allem bei mobilen Browsern). Bewerkstelligen tut man das, indem man den Rest des HTML abschnittsweise in Kommentare verpackt und die Kommentare nach dem Laden erst Stück für Stück freigibt. Sowas ähnliches gibt es auch für JavaScript.
[00:15:11] iOS 5- und Lion-Scrollgeschichten
Neben postion: fixed und WOFF-Support und einigen weiteren Dingen, bringen *NDA hüstel* Mac OS X Lion und iOS 5 neue Formen des Scrollens. iOS 5 nun endlich auch bei HTML-Boxcontainern mit overflow: scroll. Markus, Titelverteidiger „Detailverliebtester Webentwickler von Murr“, befragte Cem (der natürlich *NDA hüstel* kein iOS 5 oder Lion besitzt) zu der genauen Umsetzungsform derselben aus.
[00:23:23] Google Instant Pages
Nach SPDY führt Google ein neues Feature ein, dass in der Kombination Google-Service + Chrome-Browser funktioniert: Das Google Instant Pages Feature bei der Google Suche. Diese stößt über ein spezielles HTML-Tag ein vollständiges Laden und Rendern des wahrscheinlich vom User angeklickten Suchergebnisses an, so dass die Seite dann im Chrome sofort da ist. Bewerkstelligt wird das über eine <link rel="prerender" href="xxx.yy" />-Anweisung in der vorgelagerten Seite. Anders als bei der altbekannten Variante prefetch wird aber nicht nur eine einzelne Ressource, sondern es werden alle daran geknüpften geladen und die Seite im Verborgenen auch schon gerendert. Wir diskutieren, was das für Vor- und Nachteile hat.
[00:44:09] Responsive Images
Durch eine Artikel von Keith Clark sind wir auf das Thema Responsive Images gekommen und diskutieren die verschiedenen Wege, wie man mit den heutigen Techniken Größen-angepasste Ressourcen an die diversen Kleingeräte ausliefern kann.
[00:59:52] Markus regt sich über Web-Storage-Events auf!
… denn sie feuern immer anders als man denkt. Da kann ihm auch unser HTML5-Beauftragter Peter nicht ganz aus der Patsche helfen.
[01:09:15] Deutschland ist Internet-Entwicklungsland
Wir nehmen Jens‘ Blogbeitrag zum Anlass, einen Kollektivrant bzgl. der mehr schlechten als rechten Internetversorgungssituation hier in Deutschland auf den Weg zu bringen. Es krankt am Netzausbau, an hohen Kosten, an der praxisfremden Politikern sowie an kontraproduktiven Gerichtsurteilen. Das neue, hihi, Cyberabwehrzentrum, mit seinem Minibudget und 10 Mitarbeitern, nehmen wir uns dabei natürlich auch vor. Nicht zuletzt wünschen wir uns mehr freie öffentliche WLANs und mehr von so Diensten wie FON, Freifunk oder Sofanet. Aber die rechtliche Situation ist eben kompliziert.
[01:51:12] Keine Schaunotizen
SubtlePatterns.com
Sammlung, angenehm hochwertiger Hintergrundmuster.
A fresh look at JavaScript mixins
Artikel darüber, wie man JavaScript-Code-Teile optimal an verschiedenen anderen Stellen aufgreifen kann.
Trimage
Toller Bildoptimierer mit GUI, den es für alle Betriebssysteme gibt.
How, When, And Why Script Loaders Are Appropriate
Ein Artikel darüber, wann der Einsatz von Scriptloadern angebracht ist, und wann nicht.
Visual Event
Bookmarklet, das alle Elemente einer Seite, die mit Events belegt sind, mit entsprechenden Symbolen überlagert. Zum Analysieren: Super!
Audio mit Kapitelmarken (iPod-kompatibel): Download wd-28.m4a
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

Jun 1, 2011 • 1h 14min
Revision 27: Revision 27: @viewport, Tastatursteuerung und Aurora 6
Tolle Folge. Nuffsaid.
Schaunotizen
[00:00:19.000] @viewport in Opera
[00:11:44.000] W3C Resource Timing
[00:15:56.000] sencha.io
[00:24:55.000] CSS pointer-events
[00:30:19.000] Markus rantet über die Unmöglichkeit der Tastatursteuerung
[00:41:27.000] Firefox Aurora 6
Keine Schaunotizen
[01:11:03.000] Gehosteter Winere-Server
[01:11:52.000] Website aus Schokolade und Bier und Awesomesauce
[01:12:39.000] Inline the crap out of your site
[01:13:47.000] SVG Background Gradient Maker
Audio mit Kapitelmarken (iPod-kompatibel): Download wd-27.m4a
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/

May 24, 2011 • 1h 36min
Revision 26: Viel Internet Explorer
Diesmal war „Schepp allein zu Haus“ angesagt, und da hab ich mir knallhart den Jens Grochtdreis, den Gründer der Webkrauts aus Mainz mit ins Boot geholt. Als bekennende IE-Masochisten stürzten wir uns beide auf diesbezüglich eingefärbte Themen (die Woche gab es allerdings auch zufällig her). Kommentare wieder gerne auf Audioboo mit dem Tag #workingdraft hinterlegen.
Schaunotizen
[00:01:23] Google Finally Delivers On Promise Of Admin-Free Chrome Frame Installs For IE
Irgendwie haben es die Google Ingenieure nun doch hinbekommen, dass man Google Chrome Frame ohne Adminrechte an seinen IE anflanschen kann. Allerdings verraten sie nicht wie. Das macht Jens stutzig und überhaupt löst es das IE-Problem ja immer noch nicht an seiner Wurzel. Aber besser als nix.
[00:10:38] Compact Navigation, Print Preview and the CSS3 Grid Layout Module
Neues Google Chrome Canary Update, erstmalig mit schicker Druckvorschau (die intern ein PDF erzeugt!) und einer ersten Fassung der zuletzt besprochenenen Visibility API. Außerdem mit CSS3 Grid Layouts, einem stark aufgemotzten Web Inspector und der polarisierenden Idee, die Adressleiste auch noch weg zu rationalisieren. Hmm…
[00:22:39] Stylesheet Limits in Internet Explorer
Eric Law von Microsoft hat mal ein paar interessante und teils schon bekannte Grenzen des IEs in Sachen Stylesheet-Parsing aufgelistet. Zunächst erscheinen einem die Limits relativ weit weg, andererseits gab es ja auch mal Leute, die behauptet haben, mehr als 64KB Speicher werde nie ein Mensch brauchen. Daher: Holzauge, sei wachsam!
[00:30:28] CSS Floats and Positioning Level 3
Überraschenderweise haben sich Microsoft und Adobe zusammengetan und eine sehr schöne Erweiterung der Float Techniken für CSS 3 vorgeschlagen, und zwar die Positioned Floats. Dabei wir auf ein Element ein float: positioned; und irgendeine position-Eigenschaft gesetzt, woraufhin anschleißend alles andere um das Element herumfließt. Egal wie und wo es hinpoistioniert wurde. Nett! Außerdem lasst sie die Element-Form per deklarativer Form oder über die Alphamaske eines Bildes beeinflussen.
[00:42:17] In defense of CSS hacks — introducing “safe CSS hacks”
Mathias Bynens hat mal eine sehr schöne Auflistung verschiedener sinnvoller/etablierter CSS-Weichen für die IEs zusammengestellt. Dabei geht es um verschiedene Verfahren auf Conditional Comments Basis, sowie um klassische Parserhacks und was da zu bedenken ist. Mit Vor- und Nachteilen. Bei den HTML5 Boilerplate machern hat der Artikel zu hektischer Betriebsamkeit geführt, weil nämlich die dort praktizierte Variante ein paar der aufgelisteten Schönheitsfehler hatte. Jens und ich waren uns aber einig, dass die das bestimmt bald wieder zurückstellen werden. Außerdem hat Jens darüber auch gebloggt.
[01:03:53] Holmes – The CSS Markup Detective
Jens muss dieses Tool leider als vollkommen uninnovative Produktkopie entlarven, denn der Macher des Tools hat seine Idee komplett von anderen zusammengeklaut: Und zwar in erster Linie von Eric Meyer. Die bereitgestellte Funktionalität erhält man darüberhinaus auch schon lange über die Web Developer Toolbar des Firefox.
[01:11:44] Hype
Hype ist ein natives OS X Tool von zwei Ex-Apple-Mitarbeitern, mit dem sich CSS3-Webanimationen erstellen lassen. Soweit, so unneu. Allerdings ist Hype anscheinend das erste Tool, das versucht, allen Browsern mit ihren Möglichkeiten gerecht zu werden und von CSS3-Transitions notfalls hin zu klassichen DHTML-Animationen degradiert. Schade ist, dass es nur via Mac App Store zu haben ist und dass es keine Testversion gibt.
[01:21:19] Der Rauswerfer-Rant: weightwatchers.de: Spaß mit Chrome
Jens ist über ein neuzeitliches Kuriosum gestolpert, nämlich eine Seite, die sich noch dem Chrome verweigert und einem stattdessen die Nutzung von IE ab 5.x oder Firefox ab 1.x empfiehlt. Öffnet man die Seite in Chrome, bekommt man überdies hilfreiche Infos wie man Java im Firefox aktiviert: „Extras und dann „Web-Features“. Hier wählen Sie „Java Script aktivieren“.“ Facepalm!
Keine Schaunotizen
[01:31:39] WebGL Inspector
Eine Art Firebug für WebGL Aktivitäten
[01:31:39] Byte-saving Techniques
Verrückte Tricks, mit denen sich Zeichen in JavaScript sparen lässt.
[01:31:39] jswiki
Ein erster Versuch einer Katalogisierung und Kategorisierung der mittlerweile zahllos existierenden JavaScript-Bibliotheken
[01:31:39] CSS3 – Information and samples
CSS3-zu-Browser-Kompatibilitätstabelle
[01:31:39] HTML5 – Information and samples for HTML5 and related APIs
HTML5-zu-Browser-Kompatibilitätstabelle
[01:31:39] json:select()
Eine CSS-artige Selektorsprache, um auf Datensätze in einem JSON-Objekt zuzugreifen.
Wer den Player sucht, findet ihn auf der Startseite. Wer uns sagen kann, warum WordPress den hier nicht anzeigt, kann uns darauf hinweisen. Downloadlinks: MP3 ohne Kapitelmarken und MP4 mit Kapitelmarken (iPod-kompatibel)
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/


