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

January 18, 2011 Revision 10: H.264 vs. WebM, Shadow DOM und w3fools.com
Für die potenziell sprengsatzhaltige Diskussion um Googles Entscheidung, den H.264-Codec aus Chrome zu entfernen, holten wir uns Gerrit van Aaken mit ins Boot. Wir hoffen, dass die Audio-Qualität langsam in den Bereich des Erträglichen vordringt.
NEU und BREAKING: Es gibt jetzt auch mal testweise Kapitelmarken. Bisher leider nur im MP4-Format. Wenn das Feature ankommt und ihr beispielsweise Ogg fordert, kann ich auch das geschehen lassen.
Viel Spaß mit der Folge!
Schaunotizen
HTML Video Codec Support in Chrome
Google versetzt dem lizenzbehafteten H.264-Codec einen Hieb und kündigt an, ihn aus Chrome(ium) zu entfernen. Im Rahmen des daran entflammten Shitstorms haben sowohl Gerrit als auch Peter und Markus ein paar Gedanken und Fakten zusammengetragen. Mit diesem Wissen unter dem Arm reden wir über die MPEG LA, Googles Strategie, WebMs Aussichten, die Marktanteile der Browser, Hardware-Support auf mobilen Geräten und erwähnen das GIF-Patent.
JavaScript Full Screen API, Navigation Timing and repeating CSS Gradients
Fullscreen API wird in Webkit unterstützt werden. Hurra und Yippieh.
photoshopetiquette.com
Grundregeln für den Umgang mit PSDs beim Screendesign. Insbesondere an die lieben Printler gerichtet.
IndexedDB in Firefox 4
Die aktuelle und hoffentlich letzte Beta mit der Nummer 9 führt unter anderem IndexedDB ein. Die Final ist für Ende Februar geplant. Außerdem drin: Harmony Proxies und JavaScript Compartments
jQuery 1.5 Beta 1 released
Kleinere Verbesserungen, vornehmlich ein Rewrite der Ajax-Funktionalitäten.
Dojo 1.6 Release Notes
Mit neuem LESS-angetriebenem Theme, einem IndexDB-Storage, Umstellung von dojo-Attributen im Markup à la dojoType auf HTML5-data-Attribute, Performanceverbesserungen in IE6 und 7 (dank einer Analyse des Codes mit dynaTrace) und Dokumentation zur Verknüpfung von Dojo mit RequireJS.
What the heck is Shadow DOM?
Elemente, die nicht im DOM auftauchen, aber trotzdem irgendwo sein müssen, ja, wo sind die? Im Shadow DOM! Im IE ist es wie so oft ein alter Hut.
CSSOM, Vars, Mixins, etc. (=HTML Slides, zu navigieren per Cursortasten)
Die immer wieder gewünschten Ermächtigungsgesetze von CSS. Genaugenommen gewünscht seit 1994 (nur anders). Inspiriert von so Frameworks wie LESS oder Turbine.
w3fools.com
Die geben der dreckigen w3schools.com Saures. Konstruktiver ist das (man kann sagen SEO-)Projekt PromoteJS.
CSS3 gradients in Webkit …
… werden syntaxmäßig an den Firefox angeglichen.
KEINE Schaunotizen
…weil wir darüber nicht sprechen konnten oder wollten (ja, wir sortieren knallhart aus!):
Mobile Perf
Steve Souders hat 2011 zu seinem Jahr der mobilen Performanceoptimierungen ausgerufen. Zum Start hat er dieses Bookmarklet gebaut, mit Hilfe dessen man sich auch in mobilen Browsern ein paar Werkzeuge zum Auswerten einblenden lassen kann.
Flash 10.2 beta
… bringt das hochinteressante Stage Video.
1 min
January 11, 2011 Revision 9: DOM-Monster, Drupal 7 und 2.2250738585072011e-308
Erste Folge im neuen Jahr, zum ersten Mal zu viert, aber hoffentlich das letzte Mal mit Mülltonnen-Sound von meiner Seite. Ab nächster Woche laufe ich nämlich mit dem gleichen Headset auf, das z.B. auch von Tim Pritlove, Philip Banse oder Frank & Fefe benutzt wird.
Achja, und das mit dem Normalisieren muss mir noch mal einer erklären. Ich krieg die Peter-Spur nie so laut, dass sie gleich ist wie die anderen.
Schaunotizen
Einsteiger-Tutorial zu CoffeeScript
JavaScript mit Ruby-Syntax – kurz: CoffeeScript – ausführlich erklärt. Peter erwähnte noch das Buch Coders at work und seinen CoffeeScript-Blogeintrag
DOM-Monster
Eine Art PageSpeed/YSlow mit Fokus auf dem DOM; Nützlichkeits-Level eher so kann-man-mal-machen. Ebenso verhält es sich mit den zugehörigen Büchern.
HTML5sec.org
Die Website listet alle Stellen, an denen die Ausgabe ungefilterten User-Inputs doppelt vermeidenswert ist.
IE9-Entwicklungsäste mit experimentellen Features
Es gibt einen Build mit IndexedDB- und einen mit Websockets-Unterstützung.
Drupal-CMS in Version 7
Module in den Core gehievt und das Backend verschönert; Guidos Artikel und 2h Technikwürze zu dem Thema
PHP in eine Endlosschleife schicken …
… wenn die Fließkommazahl 2.2250738585072011e-308 als solche verwendet wird.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
58 min
January 11, 2011 Revision 9: DOM-Monster, Drupal 7 und 2.2250738585072011e-308
Erste Folge im neuen Jahr, zum ersten Mal zu viert, aber hoffentlich das letzte Mal mit Mülltonnen-Sound von meiner Seite. Ab nächster Woche laufe ich nämlich mit dem gleichen Headset auf, das z.B. auch von Tim Pritlove, Philip Banse oder Frank & Fefe benutzt wird.
Achja, und das mit dem Normalisieren muss mir noch mal einer erklären. Ich krieg die Peter-Spur nie so laut, dass sie gleich ist wie die anderen.
Schaunotizen
Einsteiger-Tutorial zu CoffeeScript
JavaScript mit Ruby-Syntax – kurz: CoffeeScript – ausführlich erklärt. Peter erwähnte noch das Buch Coders at work und seinen CoffeeScript-Blogeintrag
DOM-Monster
Eine Art PageSpeed/YSlow mit Fokus auf dem DOM; Nützlichkeits-Level eher so kann-man-mal-machen. Ebenso verhält es sich mit den zugehörigen Büchern.
HTML5sec.org
Die Website listet alle Stellen, an denen die Ausgabe ungefilterten User-Inputs doppelt vermeidenswert ist.
IE9-Entwicklungsäste mit experimentellen Features
Es gibt einen Build mit IndexedDB- und einen mit Websockets-Unterstützung.
Drupal-CMS in Version 7
Module in den Core gehievt und das Backend verschönert; Guidos Artikel und 2h Technikwürze zu dem Thema
PHP in eine Endlosschleife schicken …
… wenn die Fließkommazahl 2.2250738585072011e-308 als solche verwendet wird.
58 min
December 21, 2010 Revision 8: CrankShaft, Treesaver und ControlJS
Die letzte Folge des Jahres. Ein Holzscheit in den wärmenden Kamin der nerdigen Weihnachtlichkeit, der uns über die Feiertage bringen soll, bis wir dann am 10.1. die nächste Sendung aufnehmen werden. Wer Anregungen für die neue Saison hat: Her damit!
Hier übrigens ein Screenshot, der zeigt, wie ausdifferenziert unsere Betriebssystemwahl aussieht:
Schaunotizen
CrankShaft
Eine neue JavaScript-Compiler-Infrastruktur für Chromes V8 JavaScript-Engine, die sie noch weiter beschleunigt. Dass das vermutlich ersteinmal so weitergeht mit diesen unglaublichen Leistungssprüngen, darüber philopsophiert JavaScript-Erfinder Bredan Eich in jener Folge A Minute with Brendan.
Treesaver
Ein Framework, welches Flipboard fürs Web nachbasteln möchte.
XHTML 2.0-Dokumente wurden als W3C-Notes veröffentlicht
Ein weiterer Tod des toten XHTML 2.0
HTML5 Extension for Windows Media Player Firefox Plug-in
Microsofts Erweiterung für Firefox, die sich um H.264 Videos in HTML5--Verpackung kümmert – leider nur unter Windows 7.
HTML5-Elemente im IE ohne JavaScript
… sondern per XML-Namespaces zerstörungsfrei einbinden. Kann man auch serverseitig abfeiern. Peters schnell zusammengehackten Testcase findet Ihr hier.
MySQL 5.5
Multicore-Unterstützung, InnoDB als Standard, Optimierbarkeit für SSDs, herber Geschwindigkeitszuwachs unter Windows
ControlJS
JavaScript-Lader in 496 Zeilen Code, der einem auch die Kontrolle über den Zeitpunkt des Parsens der nachgeladenen Scripte gibt. Warum das wichtig ist beschreibt Nicholas Zakas in seinem Fronteers-Video
(und haut heute ein Posting zu den Nachteilen von ControlJS und LABjs raus). Link zu den im Gespräch erwähnten JavaScript-Webworkers: hier.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 19 min
December 21, 2010 Revision 8: CrankShaft, Treesaver und ControlJS
Die letzte Folge des Jahres. Ein Holzscheit in den wärmenden Kamin der nerdigen Weihnachtlichkeit, der uns über die Feiertage bringen soll, bis wir dann am 10.1. die nächste Sendung aufnehmen werden. Wer Anregungen für die neue Saison hat: Her damit!
Hier übrigens ein Screenshot, der zeigt, wie ausdifferenziert unsere Betriebssystemwahl aussieht:
Schaunotizen
CrankShaft
Eine neue JavaScript-Compiler-Infrastruktur für Chromes V8 JavaScript-Engine, die sie noch weiter beschleunigt. Dass das vermutlich ersteinmal so weitergeht mit diesen unglaublichen Leistungssprüngen, darüber philopsophiert JavaScript-Erfinder Bredan Eich in jener Folge A Minute with Brendan.
Treesaver
Ein Framework, welches Flipboard fürs Web nachbasteln möchte.
XHTML 2.0-Dokumente wurden als W3C-Notes veröffentlicht
Ein weiterer Tod des toten XHTML 2.0
HTML5 Extension for Windows Media Player Firefox Plug-in
Microsofts Erweiterung für Firefox, die sich um H.264 Videos in HTML5--Verpackung kümmert – leider nur unter Windows 7.
HTML5-Elemente im IE ohne JavaScript
… sondern per XML-Namespaces zerstörungsfrei einbinden. Kann man auch serverseitig abfeiern. Peters schnell zusammengehackten Testcase findet Ihr hier.
MySQL 5.5
Multicore-Unterstützung, InnoDB als Standard, Optimierbarkeit für SSDs, herber Geschwindigkeitszuwachs unter Windows
ControlJS
JavaScript-Lader in 496 Zeilen Code, der einem auch die Kontrolle über den Zeitpunkt des Parsens der nachgeladenen Scripte gibt. Warum das wichtig ist beschreibt Nicholas Zakas in seinem Fronteers-Video
(und haut heute ein Posting zu den Nachteilen von ControlJS und LABjs raus). Link zu den im Gespräch erwähnten JavaScript-Webworkers: hier.
1 min
December 14, 2010 Revision 7: Dateisystem, Android 2.3, Websockets-Protokoll-Glitch, CSS 2.1
Schepp fiel aus, Marc stand im Stau, also mussten Peter und ich uns die Themen eben zu zweit zur Brust nehmen. In Rekordzeit!
Weil wir noch ein paar Themen haben, die wir gerne noch zusammen mit Schepp besprechen würden, andererseits aber dachten, dies sollte die letzte Sendung vor Weihnachten sein, fragen wir nun einfach in die Runde der Hörer: Wollt ihr nächsten Dienstag noch eine Sendung oder seid ihr da schon an den Weihnachtsbaum gekettet und mit Tannenbaumbesorgungen beschäftigt?
Dann kamen noch Fragen nach einer Spendenmöglichkeit per Direktüberweisung; ohne Paypal. Wer also meine Kontodaten will, bekommt diese auf Anfrage per Mail.
Schaunotizen
Experimentelle Filesystem-API
Zugriff auf eine Sandbox im Dateisystem.
Webkit-Browser der neuen Android-Version 2.3 unter der Lupe
Keine Websockets, keine DeviceOrientation, kein SVG
Disabling Websockets for Firefox 4
Firefox und auch Opera nehmen den Support für Websockets aus den aktuellen Betas.
Last Call Working Draft von CSS 2.1
And thus there was much rejoicing
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
39 min
December 14, 2010 Revision 7: Dateisystem, Android 2.3, Websockets-Protokoll-Glitch, CSS 2.1
Schepp fiel aus, Marc stand im Stau, also mussten Peter und ich uns die Themen eben zu zweit zur Brust nehmen. In Rekordzeit!
Weil wir noch ein paar Themen haben, die wir gerne noch zusammen mit Schepp besprechen würden, andererseits aber dachten, dies sollte die letzte Sendung vor Weihnachten sein, fragen wir nun einfach in die Runde der Hörer: Wollt ihr nächsten Dienstag noch eine Sendung oder seid ihr da schon an den Weihnachtsbaum gekettet und mit Tannenbaumbesorgungen beschäftigt?
Dann kamen noch Fragen nach einer Spendenmöglichkeit per Direktüberweisung; ohne Paypal. Wer also meine Kontodaten will, bekommt diese auf Anfrage per Mail.
Schaunotizen
Experimentelle Filesystem-API
Zugriff auf eine Sandbox im Dateisystem.
Webkit-Browser der neuen Android-Version 2.3 unter der Lupe
Keine Websockets, keine DeviceOrientation, kein SVG
Disabling Websockets for Firefox 4
Firefox und auch Opera nehmen den Support für Websockets aus den aktuellen Betas.
Last Call Working Draft von CSS 2.1
And thus there was much rejoicing
39 min
December 07, 2010 Revision 6: Firebug 1.6, head.js, Adventskalender und alle sind krank
Marc Hinse, Peters geplante Aushilfe erkrankte leider kurzfristig, sodass der Schepp und ich das zu zweit schaukeln mussten. Bis auf mein Kopf und meine Stimme spielten auch alle Beteiligten mit.
Schautnotizen
Google Chrome 8
Nichts Interessantes, größtenteils Security-Updates und Bugfixes
Firebug 1.6
Wir kommen etwas ins Reden, an welchen Stellen der Web Inspector noch dem Firebug hinterher ist.
head.js
Mehrere JavaScripts parallel laden lassen und dadurch das Blocken der restlichen Seite verhindern
Water under Ice
Dateiuploads mithilfe der File API und Web Sockets
Webkrauts-Adventskalender: Löschen ist keine Lösung
Warum CSS-Resets mit Vorsicht zu genießen sind
calendar.perfplanet.com
Adventskalender zu Performance-Optimierungs-Themen
24ways
Webkrauts-ähnlicher Kalender auf englisch
17 Fragen zum JMStV
Wir regen uns pflichtbewusst über den neusten Coup der Offline-Apologeten auf.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 3 min
December 07, 2010 Revision 6: Firebug 1.6, head.js, Adventskalender und alle sind krank
Marc Hinse, Peters geplante Aushilfe erkrankte leider kurzfristig, sodass der Schepp und ich das zu zweit schaukeln mussten. Bis auf mein Kopf und meine Stimme spielten auch alle Beteiligten mit.
Schautnotizen
Google Chrome 8
Nichts Interessantes, größtenteils Security-Updates und Bugfixes
Firebug 1.6
Wir kommen etwas ins Reden, an welchen Stellen der Web Inspector noch dem Firebug hinterher ist.
head.js
Mehrere JavaScripts parallel laden lassen und dadurch das Blocken der restlichen Seite verhindern
Water under Ice
Dateiuploads mithilfe der File API und Web Sockets
Webkrauts-Adventskalender: Löschen ist keine Lösung
Warum CSS-Resets mit Vorsicht zu genießen sind
calendar.perfplanet.com
Adventskalender zu Performance-Optimierungs-Themen
24ways
Webkrauts-ähnlicher Kalender auf englisch
17 Fragen zum JMStV
Wir regen uns pflichtbewusst über den neusten Coup der Offline-Apologeten auf.
1 hr 3 min
November 30, 2010 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/
51 min