Erste Folge im neuen Jahr, zum ersten Mal <a href="http://www.guido-muehlwitz.de/">zu viert</a>, 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 <a href="http://tim.geekheim.de">Tim Pritlove</a>, <a href="http://philipbanse.de/wp/">Philip Banse</a> oder <a href="http://alternativlos.org">Frank &#038; Fefe</a> 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.
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://net.tutsplus.com/tutorials/javascript-ajax/rocking-out-with-coffeescript/">Einsteiger-Tutorial zu CoffeeScript</a>
<dd>JavaScript mit Ruby-Syntax – kurz: <a href="http://jashkenas.github.com/coffee-script/">CoffeeScript</a> – ausführlich erklärt. Peter erwähnte noch das Buch <a href="http://www.amazon.de/Coders-at-Work-Peter-Seibel/dp/1430219483/ref=sr_1_1?ie=UTF8&#038;s=books-intl-de&#038;qid=1294678068&#038;sr=8-1">Coders at work</a> und seinen <a href="http://www.peterkroener.de/coffeescript/">CoffeeScript-Blogeintrag</a>
<dt><a href="http://mir.aculo.us/dom-monster/">DOM-Monster</a>
<dd>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 <a href="http://javascriptrocks.com/performance/">zugehörigen Büchern</a>.
<dt><a href="http://html5sec.org/">HTML5sec.org</a>
<dd>Die Website listet alle Stellen, an denen die Ausgabe ungefilterten User-Inputs doppelt vermeidenswert ist.
<dt><a href="http://html5labs.interoperabilitybridges.com/">IE9-Entwicklungsäste mit experimentellen Features</a>
<dd>Es gibt einen Build mit IndexedDB- und einen mit Websockets-Unterstützung.
<dt><a href="http://drupal.org/drupal-7.0">Drupal-CMS in Version 7</a>
<dd>Module in den Core gehievt und das Backend verschönert; <a href="http://www.guido-muehlwitz.de/2010/01/was-ist-neu-in-drupal-7/">Guidos Artikel</a> und <a href="http://technikwuerze.de/">2h Technikwürze</a> zu dem Thema
<dt><a href="http://www.exploringbinary.com/php-hangs-on-numeric-value-2-2250738585072011e-308/">PHP in eine Endlosschleife schicken …</a>
<dd>… wenn die Fließkommazahl 2.2250738585072011e-308 als solche verwendet wird.
</dl>

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. au…

Working Draft

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.

Revision 9: DOM-Monster, Drupal 7 und 2.2250738585072011e-308

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: 
<a href="http://workingdraft.de/wp-content/uploads/2010/12/Screen-shot-2010-12-20-at-20.12.31.png"><img loading="lazy" class="alignnone size-medium wp-image-163" title="Screen shot 2010-12-20 at 20.12.31" src="http://workingdraft.de/wp-content/uploads/2010/12/Screen-shot-2010-12-20-at-20.12.31-300x182.png" alt="" width="300" height="182" srcset="https://workingdraft.de/wp-content/uploads/2010/12/Screen-shot-2010-12-20-at-20.12.31-300x182.png 300w, https://workingdraft.de/wp-content/uploads/2010/12/Screen-shot-2010-12-20-at-20.12.31.png 850w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://blog.chromium.org/2010/12/new-crankshaft-for-v8.html">CrankShaft</a>
</dt>
<dd>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 href="http://www.aminutewithbrendan.com/pages/20101213">A Minute with Brendan</a>. </dd>
<dd> </dd>
<dt><a href="http://faz-community.faz.net/blogs/netzkonom/archive/2010/12/15/die-revanche-des-web-auf-flipboard.aspx">Treesaver</a>
</dt>
<dd>Ein Framework, welches Flipboard fürs Web nachbasteln möchte.
</dd>
<dt><a href="http://www.w3.org/News/2010.html#entry-8982">XHTML 2.0-Dokumente wurden als W3C-Notes veröffentlicht</a>
</dt>
<dd>Ein weiterer Tod des toten XHTML 2.0
</dd>
<dt><a href="http://www.interoperabilitybridges.com/html5-extension-for-wmp-plugin">HTML5 Extension for Windows Media Player Firefox Plug-in</a>
</dt>
<dd>Microsofts Erweiterung für Firefox, die sich um H.264 Videos in HTML5-&lt;video&gt;-Verpackung kümmert &#8211; leider nur unter Windows 7.
</dd>
<dt><a href="http://www.debeterevormgever.nl/html5-ie-without-javascript/">HTML5-Elemente im IE ohne JavaScript</a>
</dt>
<dd>… sondern per XML-Namespaces zerstörungsfrei einbinden. Kann man auch <a href="http://spackmat.de/spackblog/archives/732-HTML5-Elemente-auch-im-IE-ohne-JavaScript-und-trotzdem-valide.html">serverseitig abfeiern</a>. Peters schnell zusammengehackten Testcase findet Ihr <a href="http://www.peterkroener.de/test/namespacexhtml5/test.xhtml">hier</a>. </dd>
<dt><a href="http://dev.mysql.com/doc/refman/5.5/en/mysql-nutshell.html">MySQL 5.5</a>
</dt>
<dd>Multicore-Unterstützung, InnoDB als Standard, Optimierbarkeit für SSDs, herber <a href="http://www.golem.de/1012/80159.html">Geschwindigkeitszuwachs unter Windows</a>
</dd>
<dt><a href="http://stevesouders.com/controljs/">ControlJS</a>
</dt>
<dd>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 <a href="http://vimeo.com/16241085">Fronteers-Video</a> 
(und haut heute ein Posting zu den Nachteilen von ControlJS und LABjs<a href="http://www.nczonline.net/blog/2010/12/21/thoughts-on-script-loaders/"> raus)</a>. Link zu den im Gespräch erwähnten JavaScript-Webworkers: <a href="http://www.whatwg.org/specs/web-workers/current-work/">hier</a>. </dd>
</dl>

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. …

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-<video>-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.

Revision 8: CrankShaft, Treesaver und ControlJS

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 <a href="mailto:mail@markus-schlegel.com">per Mail</a>.
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://www.thecssninja.com/javascript/filesystem">Experimentelle Filesystem-API</a>
<dd>Zugriff auf eine Sandbox im Dateisystem.
<dt><a href="http://www.mobilexweb.com/blog/android-2-3-gingerbread-the-browser">Webkit-Browser der neuen Android-Version 2.3 unter der Lupe</a>
<dd>Keine Websockets, keine DeviceOrientation, kein SVG
<dt><a href="http://www.0xdeadbeef.com/weblog/2010/12/disabling-websockets-for-firefox-4/">Disabling Websockets for Firefox 4</a>
<dd>Firefox und auch Opera nehmen den Support für Websockets aus den aktuellen Betas.
<dt><a href="http://www.golem.de/1012/79969.html">Last Call Working Draft von CSS 2.1</a>
<dd>And thus there was much rejoicing
</dl>

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 Sche…

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

Revision 7: Dateisystem, Android 2.3, Websockets-Protokoll-Glitch, CSS 2.1

<a href="http://twitter.com/mademyday">Marc Hinse</a>, 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.
<h3>Schautnotizen</h3>
<dl>
<dt><a href="http://googlechromereleases.blogspot.com/">Google Chrome 8</a>
<dd>Nichts Interessantes, größtenteils Security-Updates und Bugfixes
<dt><a href="http://getfirebug.com/wiki/index.php/Firebug_Release_Notes#Firebug_1.6">Firebug 1.6</a>
<dd>Wir kommen etwas ins Reden, an welchen Stellen der Web Inspector noch dem Firebug hinterher ist.
<dt><a href="http://headjs.com/">head.js</a>
<dd>Mehrere JavaScripts parallel laden lassen und dadurch das Blocken der restlichen Seite verhindern
<dt><a href="https://github.com/thirtysixthspan/waterunderice">Water under Ice</a>
<dd>Dateiuploads mithilfe der File API und Web Sockets
<dt><a href="http://www.webkrauts.de/2010/12/02/loeschen-ist-keine-loesung/">Webkrauts-Adventskalender: Löschen ist keine Lösung</a>
<dd>Warum CSS-Resets mit Vorsicht zu genießen sind
<dt><a href="http://calendar.perfplanet.com/2010/">calendar.perfplanet.com</a>
<dd>Adventskalender zu Performance-Optimierungs-Themen
<dt><a href="http://24ways.org">24ways</a>
<dd>Webkrauts-ähnlicher Kalender auf englisch
<dt><a href="http://t3n.de/news/neuer-jmstv-286977/">17 Fragen zum JMStV</a>
<dd>Wir regen uns pflichtbewusst über den neusten Coup der Offline-Apologeten auf.
</dl>
<object height="81" width="100%"><param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F7797127&#038;secret_url=false"></param><param name="allowscriptaccess" value="always"></param><embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F7797127&#038;secret_url=false" type="application/x-shockwave-flash" width="100%"></embed></object>

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.


SC…

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.

Revision 6: Firebug 1.6, head.js, Adventskalender und alle sind krank

Auf <a href="http://praegnanz.de/weblog/webtypografie-bei-polylogo">Gerrits Drängen</a> 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.
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://www.mobilexweb.com/blog/safari-ios-accelerometer-websockets-html5">Safari on iOS 4.2</a>
<dd>Neben <a href="http://www.w3.org/TR/websockets">Web</a> <a href="https://github.com/miksago/node-websocket-server">sockets</a> und der Unterstützung der <a href="http://dev.w3.org/geo/api/spec-source-orientation.html">DeviceOrientation API</a> sind vor allem die Typo-Neuerung interessant: @font-face jetzt mit TTF ober noch kein WOFF. Genaueres <a href="http://praegnanz.de/weblog/nun-offiziell-ipad-und-iphone-mit-echter-webfonts-unterstuetzung">bei Gerrit</a>.
<dt><a href="http://www.opera.com/browser/next/">This one goes to eleven!</a>
<dd>Erste Beta von Opera 11. Alle Neuerungen im <a href="http://www.opera.com/docs/changelogs/windows/1100b/">Changelog</a>. Der <a href="http://9gag.com/gag/17189/">Stuhlvergleich</a> trifft immer noch zu.
<dt><a href="http://technikwuerze.de/podcast/technikwuerze146/">Technikwürze 146 unter anderem über Jetpack</a>
<dd>Mozilla-Projekt, das dazu beitragen soll, dass die Extensions-Installation unter Firefox weniger schmerzlich wird.
<dt><a href="http://www.heise.de/newsticker/meldung/Opera-Mobile-10-1-mit-schneller-JavaScript-Engine-1141503.html">Opera Mobile 10.1</a>
<dd>Auch die mobile Version des Browsers erfährt ein wichtiges Update inkl. Geolocation-Unterstützung und ordentlichem JIT-Compiler.
<dt><a href="http://www.w3.org/TR/2010/WD-webmessaging-20101118/">W3C Working Draft der Web Messaging API</a>
<dd>Webapplikationen über mehrere Browserfenster steuern. Beispielsweise geeignet für <a href="https://github.com/SirPepe/P5">Peters Slideshow-Projekt</a>.
<dt><a href="http://vimeo.com/17180651">DepthJS</a>
<dd>Chrome-Plugin, mithilfe dessen man das Microsoft Kinect per JavaScript auf Websites ansprechen kann.
</dl>

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 Atmung…

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.

Revision 5: iOS 4.2, Opera 11, Web Messaging und Kinect

Peter war dieses mal nicht dabei; dafür aber <a href="http://twitter.com/polarity">@polarity</a>. 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.
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://www.sencha.com/products/touch/">Sencha Touch 1.0</a>
<dd>Framework für mobile Webanwendungen wird als Final veröffentlicht.
<dt><a href="http://turbine.peterkroener.de/">Turbine</a>
<dd>CSS-Framework von Peter und Schepp
<dt><a href="http://sass-lang.com/">sass-lang</a>
<dd>Turbine-artiges CSS-Framework
<dt><a href="http://lesscss.org/">Less CSS</a>
<dd>Weiteres CSS-Framework
<dt><a href="http://blog.mozilla.com/rob-sayre/2010/11/17/dead-code-elimination-for-beginners/">Dead Code Elimination for Beginners</a>
<dd>Die Chakra genannte JS-Engine des IE9 verhält sich etwas risikoreich
<dt><a href="http://www.heise.de/newsticker/meldung/HTML-Validierungsdienst-Validome-wieder-online-1139525.html">HTML-Validierungsdienst Validome wieder online</a>
<dd>Gammlig: Keine Unterstützung von HTML5
<dt><a href="http://www.w3.org/News/2010#entry-8956">Last Call des WOFF-Schriftformats</a>
<dd>Ausführliches dazu bald in der neusten poly:logo-Folge (Folge wird bald veröffentlicht)
<dt><a href="http://impactjs.org/">Impact.js</a>
<dd>Interessante, noch unveröffentlichte HTML5 Game-Engine
<dt><a href="http://www.kesiev.com/akihabara/">Akihabra</a>
<dd>Eine weitere Spiele-Engine
<dt><a href="http://www.golem.de/1004/74719.html">Aves Engine</a>
<dd>Und noch etwas in der Richtung
<dt><a href="http://www.phoboslab.org/biolab/">Biolab Disaster</a>
<dd>Kurzweiliges Jump’n’Run mit Canvas
</dl>

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…

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

Revision 4: Sencha Touch 1.0, IE9-JS und HTML5-Gaming

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 &#038; File-API, Jägermonkey und Opentype-Featureunterstützung.
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://mozillalabs.com/messaging/2010/11/10/f1/">Mozilla F1</a>
<dd>Mozilla bringt die Social-Media Share-Buttons als Plugin in den Firefox
<dt><a href="http://www.mozilla.com/en-US/firefox/4.0b7/releasenotes/">Mozilla Firefox 4 Beta 7: Releasenotes</a>
<dd>Aktuelle Beta mit einigen interessanten Neuerungen
<dt><a href="https://wiki.mozilla.org/JaegerMonkey">Jägermonkey</a>
<dd>Jägermonkey begleitet Tracemonkey als JavaScript-Interpreter für nichtperfekten Code
<dt><a href="http://www.arewefastyet.com/">Are We fast yet?</a>
<dd>Mozilla-Website zeigt die Besserungen der Firefox-JavaScript-Compiler als Benchmark-Graphen
<dt><a href="http://hacks.mozilla.org/2010/11/firefox-4-html5-forms/">HTML5 Forms API</a>
<dd>Firefox zieht nach. Validierungen, Datepicker, neue Attribute etc. wie in Opera.
<dt><a href="http://www.w3.org/TR/FileAPI/">W3C File API-Spec</a>
<dd>Dateien direkt mit JS manipulieren, ohne über den Server zu müssen.
<dt><a href="https://github.com/mrdoob/three.js/">Three.js on Github</a>
<dd>JavaScript 3D-Framework ohne Kopfschmerzpotenzial
<dt><a href="http://hacks.mozilla.org/2010/11/firefox-4-font-feature-support">Opentype-Feature-Support im FF4</a>
<dd>Opentype-Funktionen auf low-levelige Art im CSS nutzen
<dt><a href="http://googleblog.blogspot.com/2010/11/beyond-instant-results-instant-previews.html">Google Instant Previews</a>
<dd>Nach Google Instant gibt es jetzt auch Vorschaubilder für die Google-Suche und <a href="http://googlecode.blogspot.com/2010/11/instant-previews-under-hood.html">so funktioniert das angeblich alles</a>.
</dl>

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 h…

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.

Revision 3: FF4Beta7, F1 und Google Instant Previews

In der Premierenfolge hatten wir es noch nicht geschafft, jetzt hat es geklappt. In voller Besetzung haben wir nun auch inklusive <a href="http://twitter.com/derSchepp">Schepp</a> 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 …
<h3>Schaunotizen</h3>
<ul>
<li><a href="http://code.google.com/intl/de-DE/speed/page-speed/docs/module.html">mod_pagespeed</a>
<li><a href="https://github.com/Schepp/CSS-JS-Booster">CSS-JS-Booster</a>
<li><a href="http://37signals.com/svn/posts/2637-introducing-chalk-a-fun-little-browser-based-app-for-ipad-inspired-by-our-new-office">Chalk-Webapp ausschließlich für das iPad</a>
<li><a href="http://polylogo.org/3">poly:logo 003: Webapplikationen</a>
<li><a href="https://github.com/SlexAxton/yepnope.js">yepnope.js – A Feature-Test Based Loader For Your Polyfills! </a>
<li><a href="http://html5boilerplate.com/">HTML5Boilerplate</a>
<li><a href="http://www.chromium.org/developers/design-documents/gpu-accelerated-compositing-in-chrome">GPU-accelerated compositing in Chrome</a>
<li><a href="http://blogs.msdn.com/b/ie/archive/2010/11/03/sub-pixel-fonts-in-ie9.aspx">Sub-Pixel-genaue Positionierung von Schrift im IE9</a>
<li><a href="http://blogs.adobe.com/jnack/2010/11/adobes-enhancing-webkit-for-better-typography.html">Adobe’s enhancing WebKit for better typography</a>
<li><a href="http://code.google.com/p/jqslickwrap/">jQSlickWrap</a>
<li><a href="http://code.google.com/p/hyphenator/">hyphenator.js</a>
<li><a href="http://www.learnboost.com/introducing-node-canvas-server-side-html5-canvas-api/">node-canvas: Canvas für node.js</a>
<li><a href="http://chaosradio.ccc.de/cre167.html">CRE167: node.js</a>
</ul>

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 Ap…

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

Revision 2: mod_pagespeed, Sub-Pixel-Positionierung und viel Hall

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.
<h3>Shownotes</h3>
<ul>
<li><a href="http://www.zdnet.com/blog/microsoft/microsoft-our-strategy-with-silverlight-has-shifted/7834">Microsoft: „Our Strategy with Silverlight has shifted.“</a></li>
<li><a href="http://www.sencha.com/products/animator/">Sencha CSS-Animator</a></li>
<li><a href="http://www.youtube.com/watch?v=ryZP00_KhYE">Adobe: Export fla files to html</a></li>
<li><a href="http://vimeo.com/couchmode">Vimeo Couch Mode</a></li>
<li><a href="http://youtube.com/leanback">Youtube Lean Back</a></li>
<li><a href="http://code.google.com/intl/de-DE/apis/webfonts/docs/webfont_loader.html">Google WebFont Loader</a></li>
<li><a href="http://www.blog.tocki.de/2010-10-21/facebook-open-graph-meta-tags-header/">Facebook Open Graph: XML-Meta-Tags</a></li>
<li><a href="http://hacks.mozilla.org/2010/10/audio-data-api-audio-generation-demo/">Audio-API Demo</a></li>
<li><a href="http://github.com/emwendelin/javascript-stacktrace">JavaScript Stacktraces</a></li>
<li><a href="http://codebutler.com/firesheep">Firefox-Plugin: Firesheep</a></li>
<li><a href="https://www.eff.org/https-everywhere">HTTPS Everywhere</a></li>
<li><a href="http://lcamtuf.blogspot.com/2010/10/http-cookies-or-how-not-to-design.html">HTTP cookies, or how not to design protocols</a></li>
<li><a href="http://www.computerworld.com/s/article/9193420/Mozilla_No_kill_switch_for_Firesheep_add_on">Mozilla: „No kill switch for Firesheep addon“</a></li>
</ul>

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 Ani…

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“

Revision 1: Sencha Animator, Webfernsehen und Firesheep

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen

PODLIST

Working Draft

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen.

Neue Episoden

Revision 9: DOM-Monster, Drupal 7 und 2.2250738585072011e-308

Working Draft

Revision 8: CrankShaft, Treesaver und ControlJS

Working Draft

Revision 7: Dateisystem, Android 2.3, Websockets-Protokoll-Glitch, CSS 2.1

Working Draft

Revision 6: Firebug 1.6, head.js, Adventskalender und alle sind krank

Working Draft

Revision 5: iOS 4.2, Opera 11, Web Messaging und Kinect

Working Draft

Revision 4: Sencha Touch 1.0, IE9-JS und HTML5-Gaming

Working Draft

Revision 3: FF4Beta7, F1 und Google Instant Previews

Working Draft

Revision 2: mod_pagespeed, Sub-Pixel-Positionierung und viel Hall

Working Draft

Revision 1: Sencha Animator, Webfernsehen und Firesheep

Working Draft