<p>Nachdem Peter immer noch hustengeplagt und Markus anderweitig absent war, freute sich Schepp über bewährte Verstärkung seitens <a href="http://www.mademyday.de/">Marc Hinses</a> alias <a href="http://twitter.com/mademyday">@mademyday</a> (Notiz an uns selbst: Wir sollten Marc bald mal in der Liste unserer festen Moderatoren verankern&#8230;).</p>
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://people.mozilla.com/~prouget/ie9/">Is IE9 a modern browser?</a></dt>
<dd>fragt Paul Rouget von Mozilla und antwortet sodann mit NO. Ihm reicht die unterstützte Menge HTML5-Technologien seitens des Redmonder Browsers nicht. Außerdem fuchst ihn, dass Microsoft mit <a href="http://blogs.msdn.com/b/ie/archive/2011/02/10/acting-on-feedback-ie9-release-candidate-available-for-download.aspx">Statistiken hausieren geht</a>, die sie selbst gefälscht haben. Tim Sneath von Microsoft <a href="http://blogs.msdn.com/b/tims/archive/2011/02/15/a-modern-browser.aspx">antwortet ihm</a>: Ein moderner Browser ist schnell und integriert Standards erst wenn sie fertig sind.</dd>
<dt><a href="http://infrequently.org/2011/02/on-performance-innumeracy-false-positives/">Performance Innumeracy &#038; False Positives</a></dt>
<dd>Alex Russel aus dem Chrome Frame Team stellt zur Debatte, ob der moderne und hochangesehene Ansatz des Featuretestings nicht vielleicht zu viel Leistung kostet, und ob man nicht in bestimmten Fällen doch auf das böse, böse, böse und verpönte (und böse) Useragent-Sniffing zusammen mit einer Feature-Whitelist/-Blacklist gehen kann. Damit löst er einen guttenbergesken Shitstorm aus. Dass er (und viele WPO-Granden) falsch liegen, zeigt John-David Dalton <a href="http://allyoucanleet.com/2011/02/05/the-cost-of-feature-testing/">mit drei Screencasts aus der Praxis</a>.</dd>
<dt><a href="http://www.css-101.org/descendant-selector/go_fetch_yourself.php">Use efficient CSS selectors</a></dt>
<dd>greift sehr humorvoll das Thema Renderleistungseinbruch durch falsches zusammensetzen von Selektoren auf. Den Augenschmerzen beim Betrachten zum Trotz stellten wir fest, dass die Unterschiede doch vergleichsweise gering <a href="http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/">zu sein scheinen</a>. Wer jedoch gerne viel in jQuery und Konsorten selektiert, der sollte vielleicht nicht <a href="http://ontwik.com/javascript/jquery-performance-tips-and-tricks-with-addy-osmani/">ganz so rumschlampen oder klügere Wege wählen</a>.</dd>
<dt><a href="http://nicolasgallagher.com/css-drop-shadows-without-images/demo/">CSS drop-shadows without images</a></dt>
<dd>Verschiedene Ausprägungen von CSS-Schatten hat Nicolas Gallagher auf seiner Seite versammelt. Das Besondere dabei: Anstatt mit zusätzlichen Hilfselementen im HTML zu arbeiten, feiert er alles über die CSS-generierten Pseudoelemente <code>:before</code> und <code>:after</code>, CSS Transforms und Box-Shadow ab. Überhaupt ist er ein ganz großer Fan von Pseudoelementen. Auf seiner Seite gibt es viel Interessantes zu entdecken. Schön war damals unter anderem auch sein Artikel <a href="http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/">Multiple Backgrounds and Borders with CSS 2.1</a></dd>
<dt><a href="http://www.webdesignerdepot.com/2011/02/the-8020-rule-applied-to-web-design/">The 80/20 Rule Applied to Web Design</a></dt>
<dd>Eine gar nicht so neue Regel aus der Betriebswirtschaft, das <a href="http://de.wikipedia.org/wiki/Paretoprinzip">Pareto-Prinzip</a> besagt, dass 80% der Ergebnisse in 20% der Gesamtzeit eines Projekts erreicht werden, und dass die verbleibenden 20% der Ergebnisse die meiste Arbeit machen. Diese Regel kann man eigentlich auch überall im Web Design wiederfinden. Die Autoren empfehlen daher: Die wichtigen 20% identifizieren und erstmal alle Bemühugen dort hineinstecken als sich zu verzetteln.</dd>
<dt><a href="http://hardwrk.com/macbook-ssd-hdd-adapter-kit.html">HARDWRK SSD HDD Adapter Kit für MacBook Pro</a></dt>
<dd>Tatsächlich, wir reden über Hardware! Muss auch mal sein. Wir hängen ja schließlich alle an ihrem Tropf. HARDWRK ist ein Überraschungscoup des T3N-Teams und zwar ist es ein Einbaukit (Material + Werkzeug), mit dem man den internen DVD-Brenner seines MacBooks gegen eine weitere Festplatte oder eine SSD austauschen kann. Der entmannte Brenner wandern dann in ein externes Gehäuse. Wir empfehlen zu einer SSD zu greifen. Davon kommen zur CeBIT ein <a href="http://www.anandtech.com/show/4159/ocz-vertex-3-pro-preview-the-first-sf2500-ssd/4">paar</a> <a href="http://www.golem.de/showhigh2.php?file=/1102/81523.html">sehr schnelle</a> raus (die allerdings durch die SATA-300-Schnittstelle des MacBooks ausgebremst werden könnten).</dd>
</dl>
<h3>Keine Schaunotizen</h3>
<dl>
<dt><a href="http://paulirish.com/2011/surefire-dom-element-insertion/">Surefire DOM Element insertion</a></dt>
<dd>Die bulletproofste™ Methode, DOM-Elemente in sein Dokument zu schießen.</dd>
</dl>


Nachdem Peter immer noch hustengeplagt und Markus anderweitig absent war, freute
sich Schepp über bewährte Verstärkung seitens Marc Hinses alias @mademyday
(Notiz an uns selbst: Wir sollten Marc bald …

Working Draft

Nachdem Peter immer noch hustengeplagt und Markus anderweitig absent war, freute
sich Schepp über bewährte Verstärkung seitens Marc Hinses alias @mademyday
(Notiz an uns selbst: Wir sollten Marc bald mal in der Liste unserer festen
Moderatoren verankern…).


SCHAUNOTIZEN

IS IE9 A MODERN BROWSER?

fragt Paul Rouget von Mozilla und antwortet sodann mit NO. Ihm reicht die
unterstützte Menge HTML5-Technologien seitens des Redmonder Browsers nicht.
Außerdem fuchst ihn, dass Microsoft mit Statistiken hausieren geht, die sie
selbst gefälscht haben. Tim Sneath von Microsoft antwortet ihm: Ein moderner
Browser ist schnell und integriert Standards erst wenn sie fertig sind.

PERFORMANCE INNUMERACY & FALSE POSITIVES

Alex Russel aus dem Chrome Frame Team stellt zur Debatte, ob der moderne und
hochangesehene Ansatz des Featuretestings nicht vielleicht zu viel Leistung
kostet, und ob man nicht in bestimmten Fällen doch auf das böse, böse, böse und
verpönte (und böse) Useragent-Sniffing zusammen mit einer
Feature-Whitelist/-Blacklist gehen kann. Damit löst er einen guttenbergesken
Shitstorm aus. Dass er (und viele WPO-Granden) falsch liegen, zeigt John-David
Dalton mit drei Screencasts aus der Praxis.

USE EFFICIENT CSS SELECTORS

greift sehr humorvoll das Thema Renderleistungseinbruch durch falsches
zusammensetzen von Selektoren auf. Den Augenschmerzen beim Betrachten zum Trotz
stellten wir fest, dass die Unterschiede doch vergleichsweise gering zu sein
scheinen. Wer jedoch gerne viel in jQuery und Konsorten selektiert, der sollte
vielleicht nicht ganz so rumschlampen oder klügere Wege wählen.

CSS DROP-SHADOWS WITHOUT IMAGES

Verschiedene Ausprägungen von CSS-Schatten hat Nicolas Gallagher auf seiner
Seite versammelt. Das Besondere dabei: Anstatt mit zusätzlichen Hilfselementen
im HTML zu arbeiten, feiert er alles über die CSS-generierten Pseudoelemente
:before und :after, CSS Transforms und Box-Shadow ab. Überhaupt ist er ein ganz
großer Fan von Pseudoelementen. Auf seiner Seite gibt es viel Interessantes zu
entdecken. Schön war damals unter anderem auch sein Artikel Multiple Backgrounds
and Borders with CSS 2.1

THE 80/20 RULE APPLIED TO WEB DESIGN

Eine gar nicht so neue Regel aus der Betriebswirtschaft, das Pareto-Prinzip
besagt, dass 80% der Ergebnisse in 20% der Gesamtzeit eines Projekts erreicht
werden, und dass die verbleibenden 20% der Ergebnisse die meiste Arbeit machen.
Diese Regel kann man eigentlich auch überall im Web Design wiederfinden. Die
Autoren empfehlen daher: Die wichtigen 20% identifizieren und erstmal alle
Bemühugen dort hineinstecken als sich zu verzetteln.

HARDWRK SSD HDD ADAPTER KIT FÜR MACBOOK PRO

Tatsächlich, wir reden über Hardware! Muss auch mal sein. Wir hängen ja
schließlich alle an ihrem Tropf. HARDWRK ist ein Überraschungscoup des T3N-Teams
und zwar ist es ein Einbaukit (Material + Werkzeug), mit dem man den internen
DVD-Brenner seines MacBooks gegen eine weitere Festplatte oder eine SSD
austauschen kann. Der entmannte Brenner wandern dann in ein externes Gehäuse.
Wir empfehlen zu einer SSD zu greifen. Davon kommen zur CeBIT ein paar sehr
schnelle raus (die allerdings durch die SATA-300-Schnittstelle des MacBooks
ausgebremst werden könnten).


KEINE SCHAUNOTIZEN

SUREFIRE DOM ELEMENT INSERTION

Die bulletproofste™ Methode, DOM-Elemente in sein Dokument zu schießen.

Revision 15: IE9 unmodern? Teure Featuredetection? Pareto-Prinzip?

<p>Die große Seuche grassierte wieder. Peter strich die Segel und Schepp griff schon nach der weißen Flagge. Eine Viertel Stunde vor offiziellem Aufnahmetermin holten wir uns dann als Verstärkung wieder <a href="http://twitter.com/mademyday">Marc Hinse</a> ins Boot. Vielen Dank nochmals dafür!</p>
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs">Breaking the Web with hash-bangs</a></dt>
<dd><a href="http://code.google.com/web/ajaxcrawling/docs/getting-started.html">Google</a> sieht das Hashbang als Flickzeug für den Übergang zu <a href="http://html5demos.com/history">eleganteren Lösungen</a> im ajaxifizierten Web. Twitter hat <a href="http://www.adequatelygood.com/2011/2/Thoughts-on-the-Hashbang">angeblich</a> schon eine Version von #newtwitter, welche die History API nutzt. Wer nun allerdings das Hash-Bang nutzt, der muss auch wissen, was er tut. Und das wissen nicht alle. Wissen wir&#8217;s?</dd>
<dt><a href="http://blogs.technet.com/b/dmelanchthon/archive/2011/02/02/windows-7-die-nummer-1-in-deutschland.aspx">Windows 7 die Nummer 1 in Deutschland</a></dt>
<dd>Windows 7 überholt XP, welches eine schöne Abwärtskurve aufweist. Sind die Tage von IE6 und IE7 also gezählt?</dd>
<dt><a href="http://www.iecss.com/spoon/">Sandboxed IE Browsers from Spoon</a></dt>
<dd>Kurz da und dann schnell wieder weg. Wir bereden die <a href="http://blog.dotsmart.net/2009/06/24/using-windows-7s-xp-mode-to-run-ie-6-and-ie-7-side-by-side">verschiedenen</a> <a href="http://utilu.com/IECollection/">Möglichkeiten</a>, <a href="http://www.my-debugbar.com/wiki/IETester/HomePage">eine</a> <a href="https://www.microsoft.com/downloads/en/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&#038;displaylang=en">IE-Testumgebung</a> <a href="http://www.vmware.com/de/products/fusion/">zu</a> <a href="http://www.parallels.com/de/products/desktop/">bauen</a>.</dd>
<dt><a href="https://code.google.com/p/phantomjs/">PhantomJS</a></dt>
<dd>Eine skriptbare Webkit-Engine, etwa um Website-Screenshots zu schießen, oder PDFs aus HTML zu erzeugen, oder um Daten per DOM-Selektoren aus Seiten in Textdateien zu extrahieren.</dd>
<dt><a href="http://www.blaze.io/mobile/">Blaze.io: Test Your Website Performance On A Mobile Device</a></dt>
<dd>Schickes Tool, um Websites in Sachen Ladezeiten auf ihre Mobiltauglichkeit zu checken. Mit Wasserfall und Videoaufzeichnung des Ladevorgangs.</dd>
<dt><a href="http://manu.sporny.org/2011/public-domain-genome/">Open Sourcing My Genetic Data</a></dt>
<dd>Genome bei Github. Ein entsprechendes soziales Netzwerk wird von mir, Markus, bald nachgereicht.</dd>
</dl>
<h3>Keine Schaunotizen</h3>
<dl>
<dt><a href="http://easeljs.com/">EaselJS</a></dt>
<dd>A javascript library for working with the HTML5 canvas element</dd>
<dt><a href="http://blogs.msdn.com/b/ie/archive/2011/02/14/ie9-on-windows-phone.aspx">IE9 on Windows Phone 7</a></dt>
<dd>Der Neuner wird auch auf WP7 kommen und löst damit den altertümlichen IE7.5er ab.</dd>
</dl>


Die große Seuche grassierte wieder. Peter strich die Segel und Schepp griff
schon nach der weißen Flagge. Eine Viertel Stunde vor offiziellem Aufnahmetermin
holten wir uns dann als Verstärkung wieder …

Die große Seuche grassierte wieder. Peter strich die Segel und Schepp griff
schon nach der weißen Flagge. Eine Viertel Stunde vor offiziellem Aufnahmetermin
holten wir uns dann als Verstärkung wieder Marc Hinse ins Boot. Vielen Dank
nochmals dafür!


SCHAUNOTIZEN

BREAKING THE WEB WITH HASH-BANGS

Google sieht das Hashbang als Flickzeug für den Übergang zu eleganteren Lösungen
im ajaxifizierten Web. Twitter hat angeblich schon eine Version von #newtwitter,
welche die History API nutzt. Wer nun allerdings das Hash-Bang nutzt, der muss
auch wissen, was er tut. Und das wissen nicht alle. Wissen wir’s?

WINDOWS 7 DIE NUMMER 1 IN DEUTSCHLAND

Windows 7 überholt XP, welches eine schöne Abwärtskurve aufweist. Sind die Tage
von IE6 und IE7 also gezählt?

SANDBOXED IE BROWSERS FROM SPOON

Kurz da und dann schnell wieder weg. Wir bereden die verschiedenen
Möglichkeiten, eine IE-Testumgebung zu bauen.

PHANTOMJS

Eine skriptbare Webkit-Engine, etwa um Website-Screenshots zu schießen, oder
PDFs aus HTML zu erzeugen, oder um Daten per DOM-Selektoren aus Seiten in
Textdateien zu extrahieren.

BLAZE.IO: TEST YOUR WEBSITE PERFORMANCE ON A MOBILE DEVICE

Schickes Tool, um Websites in Sachen Ladezeiten auf ihre Mobiltauglichkeit zu
checken. Mit Wasserfall und Videoaufzeichnung des Ladevorgangs.

OPEN SOURCING MY GENETIC DATA

Genome bei Github. Ein entsprechendes soziales Netzwerk wird von mir, Markus,
bald nachgereicht.


KEINE SCHAUNOTIZEN

EASELJS

A javascript library for working with the HTML5 canvas element

IE9 ON WINDOWS PHONE 7

Der Neuner wird auch auf WP7 kommen und löst damit den altertümlichen IE7.5er
ab.

Revision 14: Hashbangs, PhantomJS und Github-Gene

<p>Endlich haben wir es geschafft, eine Sprechprobe <a href="http://twitter.com/mademyday">Marc Hinses</a> auf digitales Vinyl zu pressen. Und die Soundqualität ist auch gar nicht mal komplett scheiße.</p>
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://www.mademyday.de/screen-presenter-screendesgins-praesentieren.html">Marcs Screen Presenter</a></dt>
<dd>Screendesigns angemessen dem Kunden präsentieren.</dd>
<dt><a href="https://mozillalabs.com/blog/2011/02/prism-is-now-chromeless/">Prism is now Chromeless</a></dt>
<dd>Das Prism-Projekt wird abgeschaltet. Stattdessen soll mit Chromeless ein anderer Ansatz gefahren werden, der zum Beispiel mit <a href="http://www.phonegap.com/">Phone GAP</a> vergleichbar ist.</dd>
<dt><a href="http://dev.w3.org/2006/webapi/clipops/clipops.html">Clipboard API Editor’s Draft</a></dt>
<dd>Schnittstelle für den Umgang mit der Zwischenablage. Zum Verstehen der Funktionsweise hilft es, sich die <a href="http://dev.w3.org/html5/spec-author-view/dnd.html">Drag&#038;Drop-API</a> zu Gemüte zu führen.</dd>
<dt><a href="http://lists.w3.org/Archives/Public/public-xg-audio/2011Feb/0000.html">Web Audio API in Chrome und Firefox 4</a></dt>
<dd>Rohdaten aus einem HTML5-Audio lesen und schreiben. Möglich wird damit alles, was man sich vorstellen kann. Es hat auch schon jemand <a href="https://github.com/jussi-kalliokoski/audiolib.js">ein paar Filter</a> zusammengekloppt.</dd>
<dt><a href="https://grepular.com/Abusing_HTTP_Status_Codes_to_Expose_Private_Information">Abusing HTTP Status Codes to Expose Private Information</a></dt>
<dd>Einfach prüfen, ob für den Benutzer Inhalte verfügbar sind, die man nur mit Login erreichen sollte. <a href="http://didyouwatchporn.com/">DidYouWatchPorn.com</a> schlägt in eine vergleichbare Kerbe.</dd>
<dt><a href="http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax">The New Bulletproof @Font-Face Syntax</a></dt>
<dd>Eine neue Methode, um den Internetz Explodierer bei @font-face vor’m Explodieren zu bewahren.</dd>
<dt><a href="http://firecss.com/">firecss.com</a></dt>
<dd>Live-CSS-Firebugging across the universe.</dd>
</dl>
<h3>Keine Schaunotizen</h3>
<dl>
<dt><a href="http://peter.sh/2011/02/chrome-11-a-renewed-xss-filter-and-vertical-text-for-multiple-column-layouts/">Chrome 11, a renewed XSS Filter and vertical text for multiple-column layouts</a></dt>
<dd>Unspektakuläre Neuerungen.</dd>
<dt><a href="http://jsfiddle.net/leaverou/yxjgC/">Farbwert in Opera und dem IE9: invert</a></dt>
<dd>Wie der Name schon sagt, invertiert der Wert einfach die Farben des Hintergrunds.</dd>
<dt><a href="http://popcornjs.org/">popcorn.js</a></dt>
<dd>Framework für HTML5-Video. Beispielhafter Anwendungsfall: Zeitgesteuerte Annotations.</dd>
</dl>


Endlich haben wir es geschafft, eine Sprechprobe Marc Hinses auf digitales Vinyl
zu pressen. Und die Soundqualität ist auch gar nicht mal komplett scheiße.


SCHAUNOTIZEN

MARCS SCREEN PRESENTER

Scre…

Endlich haben wir es geschafft, eine Sprechprobe Marc Hinses auf digitales Vinyl
zu pressen. Und die Soundqualität ist auch gar nicht mal komplett scheiße.


SCHAUNOTIZEN

MARCS SCREEN PRESENTER

Screendesigns angemessen dem Kunden präsentieren.

PRISM IS NOW CHROMELESS

Das Prism-Projekt wird abgeschaltet. Stattdessen soll mit Chromeless ein anderer
Ansatz gefahren werden, der zum Beispiel mit Phone GAP vergleichbar ist.

CLIPBOARD API EDITOR’S DRAFT

Schnittstelle für den Umgang mit der Zwischenablage. Zum Verstehen der
Funktionsweise hilft es, sich die Drag&Drop-API zu Gemüte zu führen.

WEB AUDIO API IN CHROME UND FIREFOX 4

Rohdaten aus einem HTML5-Audio lesen und schreiben. Möglich wird damit alles,
was man sich vorstellen kann. Es hat auch schon jemand ein paar Filter
zusammengekloppt.

ABUSING HTTP STATUS CODES TO EXPOSE PRIVATE INFORMATION

Einfach prüfen, ob für den Benutzer Inhalte verfügbar sind, die man nur mit
Login erreichen sollte. DidYouWatchPorn.com schlägt in eine vergleichbare Kerbe.

THE NEW BULLETPROOF @FONT-FACE SYNTAX

Eine neue Methode, um den Internetz Explodierer bei @font-face vor’m Explodieren
zu bewahren.

FIRECSS.COM

Live-CSS-Firebugging across the universe.


KEINE SCHAUNOTIZEN

CHROME 11, A RENEWED XSS FILTER AND VERTICAL TEXT FOR MULTIPLE-COLUMN LAYOUTS

Unspektakuläre Neuerungen.

FARBWERT IN OPERA UND DEM IE9: INVERT

Wie der Name schon sagt, invertiert der Wert einfach die Farben des
Hintergrunds.

POPCORN.JS

Framework für HTML5-Video. Beispielhafter Anwendungsfall: Zeitgesteuerte
Annotations.

Revision 13: Screen Presenter, Chromeless und Clipboard API

<p>Ausgabe Nummer zwölf mit einem neuen Gast, nämlich <a href="https://www.xing.com/profile/Tobias_Oberrauch">Tobias Oberrauch</a> aus Karlsruhe, und spitzen Soundqualität. Yeah!</p>
<h3>Schaunotizen</h3>
<dl>
<dt><a href="https://www.opensourcepress.de/index.php?26&#038;backPID=178&#038;tt_products=318">Peters HTML5-Buch</a></p>
<dd>… geht in die zweite Runde. Mit 150 Seiten und 4 Kapiteln mehr als in der ersten Auflage. Neu dabei: Web Workers, File API, HTML5-Featuredetection nebst Polyfills, und Firefox 4 sowie Internet Explorer 9.</p>
<dt><a href="http://meyerweb.com/eric/tools/css/reset/index.html">Eric Meyers CSS Reset 2.0</a></p>
<dd>Wir diskutieren über den Sinn von Resets und Starterpacks à la <a href="http://html5boilerplate.com/">Boilerplate</a> oder <a href="http://praegnanz.de/weblog/htmlcssjs-kickstart">Gerrits Kickstart</a>.</p>
<dt><a href="http://nimbupani.com/current-color-in-css.html">CSS-Farbwert <code>currentcolor</code></a></p>
<dd>Nicht vollkommen neu, weil <code>&lt;ul&gt;</code>&#8211; und <code>&lt;hr&gt;</code>-Elemente sowie die <code>border</code>-Eigenschaft es längst anwenden, aber <a href="http://www.impressivewebs.com/css-color-property/">neu entdeckt</a>. Eine Farbeigenschaft, der man die Farbe &#8222;currentcolor&#8220; zuweist, übernimmt automatisch die Farbe der color-Eigenschaft. Etwa so: <code>.element{color:red;background-color:currentcolor;}</code>.</p>
<dt><a href="http://www.w3.org/TR/css3-values/#relative0">CSS3-Einheit für Schriften: <code>rem</code></a></p>
<dd>Die Einheit bezieht sich immer auf die Schriftgröße des Root-Elements (sprich des <code>&lt;html&gt;</code>-Elements), anstatt auf die des direkten Mutterelements. Das macht das Erstellen von flexiblen Layouts deutlich leichter. Wird von allen modernen <a href="https://developer.mozilla.org/en/CSS/length#Browser_compatibility">Browsern unterstützt</a>. Wir nehmen die Entdeckung als Anlass, über den <a href="http://praegnanz.de/weblog/warum-ich-pixel-fuer-css-schriftgrade-verwende ">Sinn relativer Schriftgrade</a> zu diskutieren.</p>
<dt><a href="http://limi.net/articles/firefox-acid3">Firefox 4 will den Acid3-Test gar nicht bestehen</a></p>
<dd>Die fehlenden 3 Punkte sind SVG-Fonts und die sind sowieso blöd. Und nicht mehr Teil des SVG-Kerns, weil sie so blöd sind. Und wir reden über Fontrendering, und zwar viel zu viel. Um davon abzulenken, stiften wir Verwirrung und rühren <a href="http://en.wikipedia.org/wiki/Kerning">Kerning</a>, <a href="http://en.wikipedia.org/wiki/Font_hinting">Hinting</a> und Subpixel-Rendering gut durch.</p>
<dt><a href="http://babelfish.yahoo.com/translate_url?doit=done&#038;tt=url&#038;intl=1&#038;fr=bf-home&#038;trurl=http://winreview.ru/Brauzeri/928/Internet-Explorer-90080736010-WIN7-IE9-Partner110113-2300-&#038;lp=ru_en&#038;btnTrUrl=Translate">IE9 RC1</a></p>
<dd>Geleakter <a href="http://www.winsupersite.com/article/windows-7/Internet-Explorer-9-Release-Candidate-Preview.aspx">Release Candidate</a> des Internet Explorer 9. Möglicherweise mit Geolocation API. Auf jeden Fall aber mit deutlich mehr Gummipunkten bei <a href="http://www.html5test.com">html5test.com</a>.</p>
<dt><a href="http://brendaneich.com/2011/01/harmony-of-my-dreams/">Brendan Eich über seine Wunsch-Zukunft für JavaScript</a></p>
<dd>Nur für Fans, wie mein Physiklehrer immer sagte. Gibt’s auch als <a href="http://www.aminutewithbrendan.com/pages/20110131">knappes Audio</a>. Auch interessant: <a href="http://www.youtube.com/watch?v=A1R8KGKkDjU">Harmony</a> <a href="http://jsconf.eu/2010/speaker/be_proxy_objects.html">Proxies</a>
</dl>
<h3>KEINE Schaunotizen</h3>
<dl>
<dt><a href="http://developer.android.com/sdk/android-3.0-highlights.html">Android 3.0 Platform Highlights</a></p>
<dd>Der enthaltene Android Browser wartet mit SVG, HTTP-Streaming, Multicore-Unterstützung und Hardware-Grafikrendering auf. Fein! Mehr dazu von unserer Seite, wenn Honeycomb final ist.</p>
<dt><a href="http://cocos2d-javascript.org/about">Cocos2-javascript</a></p>
<dd>Ein weiterer Gamebaukasten auf HTML5 und JavaScript-Basis.</a>
</dl>


Ausgabe Nummer zwölf mit einem neuen Gast, nämlich Tobias Oberrauch aus
Karlsruhe, und spitzen Soundqualität. Yeah!


SCHAUNOTIZEN

PETERS HTML5-BUCH



… geht in die zweite Runde. Mit 150 Seiten und …

Ausgabe Nummer zwölf mit einem neuen Gast, nämlich Tobias Oberrauch aus
Karlsruhe, und spitzen Soundqualität. Yeah!


SCHAUNOTIZEN

PETERS HTML5-BUCH



… geht in die zweite Runde. Mit 150 Seiten und 4 Kapiteln mehr als in der ersten
Auflage. Neu dabei: Web Workers, File API, HTML5-Featuredetection nebst
Polyfills, und Firefox 4 sowie Internet Explorer 9.



ERIC MEYERS CSS RESET 2.0



Wir diskutieren über den Sinn von Resets und Starterpacks à la Boilerplate oder
Gerrits Kickstart.



CSS-FARBWERT CURRENTCOLOR



Nicht vollkommen neu, weil <ul>– und <hr>-Elemente sowie die border-Eigenschaft
es längst anwenden, aber neu entdeckt. Eine Farbeigenschaft, der man die Farbe
„currentcolor“ zuweist, übernimmt automatisch die Farbe der color-Eigenschaft.
Etwa so: .element{color:red;background-color:currentcolor;}.



CSS3-EINHEIT FÜR SCHRIFTEN: REM



Die Einheit bezieht sich immer auf die Schriftgröße des Root-Elements (sprich
des <html>-Elements), anstatt auf die des direkten Mutterelements. Das macht das
Erstellen von flexiblen Layouts deutlich leichter. Wird von allen modernen
Browsern unterstützt. Wir nehmen die Entdeckung als Anlass, über den Sinn
relativer Schriftgrade zu diskutieren.



FIREFOX 4 WILL DEN ACID3-TEST GAR NICHT BESTEHEN



Die fehlenden 3 Punkte sind SVG-Fonts und die sind sowieso blöd. Und nicht mehr
Teil des SVG-Kerns, weil sie so blöd sind. Und wir reden über Fontrendering, und
zwar viel zu viel. Um davon abzulenken, stiften wir Verwirrung und rühren
Kerning, Hinting und Subpixel-Rendering gut durch.



IE9 RC1



Geleakter Release Candidate des Internet Explorer 9. Möglicherweise mit
Geolocation API. Auf jeden Fall aber mit deutlich mehr Gummipunkten bei
html5test.com.



BRENDAN EICH ÜBER SEINE WUNSCH-ZUKUNFT FÜR JAVASCRIPT



Nur für Fans, wie mein Physiklehrer immer sagte. Gibt’s auch als knappes Audio.
Auch interessant: Harmony Proxies


KEINE SCHAUNOTIZEN

ANDROID 3.0 PLATFORM HIGHLIGHTS



Der enthaltene Android Browser wartet mit SVG, HTTP-Streaming,
Multicore-Unterstützung und Hardware-Grafikrendering auf. Fein! Mehr dazu von
unserer Seite, wenn Honeycomb final ist.



COCOS2-JAVASCRIPT



Ein weiterer Gamebaukasten auf HTML5 und JavaScript-Basis.

Revision 12: CSS-Reset, IE9 RC1 und Harmony

<p>Bei unserer Tonqualität ist es wie beim Google Linkjuice: Zählt man alle Beteiligten zusammen, kommt immer die Zahl 1 heraus. Während Markus nun also THX-Ultra-zertifiziert ist, zerbröselten unserem Gast <a href="http://twitter.com/nicobruenjes">Nico Brünjes</a>, <a href="http://codecandies.de">Frontendentwickler</a> bei <a href="http://www.zeit.de">ZEIT ONLINE</a>, reihenweise die Headsets unter den Fingern weg :( </p>
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://www.w3.org/html/logo/">W3C HTML5 Logo!</a></p>
</dt>
<dd>Das ansonsten eher langweilige W3C überrascht mit einer Art Promotion-Aktion: Auf einer sehr schicken, modernen Seite präsentiert es ein Logo, das vielleicht von Superhelden, vielleicht von einem 3D-Würfel inspiriert ist. Dazu gibt es einen HTML5-Gummipunkt-Generator und ein T-Shirt. Wir finden&#8217;s gut und Nico hat sich direkt das T-Shirt bestellt.</p>
</dd>
<dt><a href="http://blog.whatwg.org/html-is-the-new-html5">HTML is the new HTML5</a></p>
</dt>
<dd>Die WHATWG denkt die korrekte Namensgebung der <i>HTML-Version-nach-HTML-4.01</i>, formerly known as <i>HTML 5</i>, formerly known as <i>HTML5</i>, konsequent zu Ende und stellt fest: Die HTML-Spezifikation ist permanent im Fluss und macht keinen Halt bei Versionnummern, also weg mit der 5! Ab jetzt heisst die Spezifikation selbst nur noch <i>HTML</i>. Und <i>HTML5</i> möge neuerdings ein Schlagwort für diejenige Generation Webanwendungen sein, die allem <i>Web-Zwo-Nulligen</i> nachfolgt. JavaScript und CSS als Techniken inklusive. </p>
</dd>
<dt><a href="http://simonstl.com/articles/cssFragID.html">Using CSS Selectors as Fragment Identifiers</a></p>
</dt>
<dd>Der altehrwürdige Eric Meyer und Simon St.Laurent von O&#8217;Reilly Media haben einen inoffiziellen Draft online gestellt, in dem sie eine neue Sprungmarker (Fragment) Syntax im CSS-Selektor-Stil vorschlagen. So soll man beispielsweise mit folgender URL direkt zu dem zweiten Absatz einer Seite springen können: <code>http://example.com/lorem.html#css(p:nth-child(2))</code>.</p>
</dd>
<dt><a href="http://ejohn.org/blog/learning-from-twitter/">Learning from Twitter</a></p>
</dt>
<dd>Dass man selbst mit jQuery noch großen Bockmist bauen kann, haben letzte Woche die Twitter-Programmierer bewiesen. Dumm war, dass sie <a href="http://www.dustindiaz.com/about-that-slowness-on-twitter/">behauptet hatten</a>, es läge an der neuen jQuery-Version dass Twitter neuerdings so langsam geworden war. Das hat John Resig dazu animiert, sich deren Code genauer anzuschauen, und er hat dabei Grauenhaftes zu Tage gefördert.</p>
</dd>
<dt><a href="http://codecandies.de/2011/01/20/hinter-dem-mobilen-proxy/">Hinter dem mobilen Proxy</a></p>
</dt>
<dd>Unser Gast Nico Brünjes schrieb letzte Woche über eine sehr unangenehme Entdeckung, die er und sein Team von ZEIT ONLINE machten: Die mobilen Zugangsprovider manipulieren das HTML, JavaScript und CSS nach gutdünken um, und vor allem stillschweigend. Das geht dummerweise ganz und gar nicht zerstörungsfrei vonstatten.</p>
</dd>
<dt><a href="http://www.golem.de/1101/80917.html">Mozilla plant Do-not-track-HTTP-Header</a></p>
</dt>
<dd>Mozilla und Microsoft planen, den Browser mit einer zusätzlichen Header auszustatten, dem <code>X-Tracking-Choice: do-not-track</code>. Dieser soll immer dann gesendet werden, wenn der Benutzer von Inhalteanbietern nicht getrackt werden will. Das Ganze setzt allerdings voraus, dass die Gegenseite diesen Header auswertet und respektiert. Beim Diskutieren darüber kommt uns die <a href="https://www.robinsonliste.de/">Robinson Liste</a> in den Sinn. Google will es in Chrome hingegen via <a href="https://chrome.google.com/extensions/detail/hhnjdplhmcnkiecampfdgfjilccfpfoe">Browsererweiterung</a> lösen.</dd>
</dd>
<dt><a href="https://twitter.com/#!/IPv4Countdown">ARPAgeddon (IPv4 Countdown)</a></p>
</dt>
<dd>Unser Vorrat an IPv4-Adressen geht nun wirklich zur Neige. Knapp über 30 Millionen Adressen sind noch frei, 4,3 Milliarden sind in Gebrauch. Laut ARPAgeddon hält der verbliebene Vorrat noch für etwa eine Woche. Es wird also höchste Zeit, breitflächig auf IPv6 mit seinen <a href="http://de.wikipedia.org/wiki/IP-Adresse">665 Billiarden möglichen IP-Adressen</a> umzusteigen &#8211; auch wenn es vielleicht weh tun wird.</dd>
</dl>
<h3>KEINE Schaunotizen</h3>
<dl>
<dt><a href="https://github.com/mishoo/UglifyJS/">UglifyJS</a></p>
</dt>
<dd>Neuer JavaScript-Minifizierer und -Beautifier (Gegenteil von ersterem), der auf node.js läuft und dadurch doppelt bis fünf mal so schnell arbeitet wie der YUI Compressor oder Googles Closure. Kommt im Gegensatz zu letzterem auch mit <code>eval()</code> und (dem bösen) <code>with{}</code> klar, und verfügt über eine Google Closure kompatible <a href="http://marijnhaverbeke.nl/uglifyjs">HTTP-API</a>. Steckt auch im kommenden <a href="http://trac.webkit.org/changeset/76132">WebKit Webinspector</a></dd>
</dl>


Bei unserer Tonqualität ist es wie beim Google Linkjuice: Zählt man alle
Beteiligten zusammen, kommt immer die Zahl 1 heraus. Während Markus nun also
THX-Ultra-zertifiziert ist, zerbröselten unserem G…

Bei unserer Tonqualität ist es wie beim Google Linkjuice: Zählt man alle
Beteiligten zusammen, kommt immer die Zahl 1 heraus. Während Markus nun also
THX-Ultra-zertifiziert ist, zerbröselten unserem Gast Nico Brünjes,
Frontendentwickler bei ZEIT ONLINE, reihenweise die Headsets unter den Fingern
weg :(


SCHAUNOTIZEN

W3C HTML5 LOGO!



Das ansonsten eher langweilige W3C überrascht mit einer Art Promotion-Aktion:
Auf einer sehr schicken, modernen Seite präsentiert es ein Logo, das vielleicht
von Superhelden, vielleicht von einem 3D-Würfel inspiriert ist. Dazu gibt es
einen HTML5-Gummipunkt-Generator und ein T-Shirt. Wir finden’s gut und Nico hat
sich direkt das T-Shirt bestellt.



HTML IS THE NEW HTML5



Die WHATWG denkt die korrekte Namensgebung der HTML-Version-nach-HTML-4.01,
formerly known as HTML 5, formerly known as HTML5, konsequent zu Ende und stellt
fest: Die HTML-Spezifikation ist permanent im Fluss und macht keinen Halt bei
Versionnummern, also weg mit der 5! Ab jetzt heisst die Spezifikation selbst nur
noch HTML. Und HTML5 möge neuerdings ein Schlagwort für diejenige Generation
Webanwendungen sein, die allem Web-Zwo-Nulligen nachfolgt. JavaScript und CSS
als Techniken inklusive.



USING CSS SELECTORS AS FRAGMENT IDENTIFIERS



Der altehrwürdige Eric Meyer und Simon St.Laurent von O’Reilly Media haben einen
inoffiziellen Draft online gestellt, in dem sie eine neue Sprungmarker
(Fragment) Syntax im CSS-Selektor-Stil vorschlagen. So soll man beispielsweise
mit folgender URL direkt zu dem zweiten Absatz einer Seite springen können:
http://example.com/lorem.html#css(p:nth-child(2)).



LEARNING FROM TWITTER



Dass man selbst mit jQuery noch großen Bockmist bauen kann, haben letzte Woche
die Twitter-Programmierer bewiesen. Dumm war, dass sie behauptet hatten, es läge
an der neuen jQuery-Version dass Twitter neuerdings so langsam geworden war. Das
hat John Resig dazu animiert, sich deren Code genauer anzuschauen, und er hat
dabei Grauenhaftes zu Tage gefördert.



HINTER DEM MOBILEN PROXY



Unser Gast Nico Brünjes schrieb letzte Woche über eine sehr unangenehme
Entdeckung, die er und sein Team von ZEIT ONLINE machten: Die mobilen
Zugangsprovider manipulieren das HTML, JavaScript und CSS nach gutdünken um, und
vor allem stillschweigend. Das geht dummerweise ganz und gar nicht
zerstörungsfrei vonstatten.



MOZILLA PLANT DO-NOT-TRACK-HTTP-HEADER



Mozilla und Microsoft planen, den Browser mit einer zusätzlichen Header
auszustatten, dem X-Tracking-Choice: do-not-track. Dieser soll immer dann
gesendet werden, wenn der Benutzer von Inhalteanbietern nicht getrackt werden
will. Das Ganze setzt allerdings voraus, dass die Gegenseite diesen Header
auswertet und respektiert. Beim Diskutieren darüber kommt uns die Robinson Liste
in den Sinn. Google will es in Chrome hingegen via Browsererweiterung lösen.

ARPAGEDDON (IPV4 COUNTDOWN)



Unser Vorrat an IPv4-Adressen geht nun wirklich zur Neige. Knapp über 30
Millionen Adressen sind noch frei, 4,3 Milliarden sind in Gebrauch. Laut
ARPAgeddon hält der verbliebene Vorrat noch für etwa eine Woche. Es wird also
höchste Zeit, breitflächig auf IPv6 mit seinen 665 Billiarden möglichen
IP-Adressen umzusteigen – auch wenn es vielleicht weh tun wird.


KEINE SCHAUNOTIZEN

UGLIFYJS



Neuer JavaScript-Minifizierer und -Beautifier (Gegenteil von ersterem), der auf
node.js läuft und dadurch doppelt bis fünf mal so schnell arbeitet wie der YUI
Compressor oder Googles Closure. Kommt im Gegensatz zu letzterem auch mit eval()
und (dem bösen) with{} klar, und verfügt über eine Google Closure kompatible
HTTP-API. Steckt auch im kommenden WebKit Webinspector

Revision 11: HTML5 +Logo -5, Markup-Manipulation und IP-Adressen-Endzeit

<p>Für die potenziell sprengsatzhaltige Diskussion um Googles Entscheidung, den H.264-Codec aus Chrome zu entfernen, holten wir uns <a href="http://praegnanz.de">Gerrit van Aaken</a> mit ins Boot. Wir hoffen, dass die Audio-Qualität langsam in den Bereich des Erträglichen vordringt.</p>
<p>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.</p>
<p>Viel Spaß mit der Folge!</p>
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html">HTML Video Codec Support in Chrome</a> </dt>
<dd> </dd>
<dd>Google versetzt dem <a href="http://www.photoscala.de/Artikel/Zum-Codec-AVCH264-und-zum-Stand-der-Dinge">lizenzbehafteten</a> H.264-Codec einen Hieb und kündigt an, ihn aus Chrome(ium) zu entfernen. Im Rahmen des daran entflammten Shitstorms haben sowohl <a href="http://praegnanz.de/weblog/die-sache-mit-chrome-und-h264">Gerrit</a> als auch <a href="http://www.peterkroener.de/linksammlung-webm-h-264-debatte/">Peter</a> und <a href="http://markus-schlegel.com/weblog/h264-rauswerfen-flash-behalten-ein-widerspruch">Markus</a> ein paar Gedanken und Fakten zusammengetragen. Mit diesem Wissen unter dem Arm reden wir über die <a href="http://www.mpegla.com/main/programs/AVC/Pages/Licensors.aspx">MPEG LA</a>, Googles Strategie, <a href="http://www.webmproject.org/about/supporters/">WebMs</a> Aussichten, die <a href="http://my.opera.com/haavard/blog/2011/01/17/adoption">Marktanteile der Browser</a>, <a href="http://blogs.arm.com/software-enablement/207-support-for-vp8-and-webm-on-arm/">Hardware-Support auf mobilen Geräten</a> und erwähnen <a href="http://de.wikipedia.org/wiki/Graphics_Interchange_Format#GIF_und_die_LZW-Patente">das GIF-Patent</a>.</dd>
<dt>
</dt>
<dt><a href="http://peter.sh/2011/01/javascript-full-screen-api-navigation-timing-and-repeating-css-gradients/"> JavaScript Full Screen API, Navigation Timing and repeating CSS Gradients</a> </dt>
<dd> </dd>
<dd><a href="https://wiki.mozilla.org/index.php?title=Gecko:FullScreenAPI">Fullscreen API</a> wird in Webkit unterstützt werden. Hurra und Yippieh. </dd>
<dt> </dt>
<dt><a href="http://photoshopetiquette.com/">photoshopetiquette.com</a> </dt>
<dd> </dd>
<dd>Grundregeln für den Umgang mit PSDs beim Screendesign. Insbesondere <a href="http://www.mademyday.de/web-ist-nicht-print.html">an die lieben Printler</a> gerichtet. </dd>
<dt> </dt>
<dt><a href="https://hacks.mozilla.org/2011/01/indexeddb-in-firefox-4/">IndexedDB in Firefox 4</a> </dt>
<dd> </dd>
<dd>Die aktuelle und hoffentlich letzte <a href="https://hacks.mozilla.org/2011/01/firefox-4-beta-9-a-huge-pile-of-awesome/">Beta mit der Nummer 9</a> führt unter anderem IndexedDB ein. Die Final ist<a href="https://groups.google.com/group/mozilla.dev.planning/browse_thread/thread/edeea49d5339d7e7/e45ccde911c5eb08?show_docid=e45ccde911c5eb08"> für Ende Februar geplant</a>. Außerdem drin: <a href="http://brendaneich.com/2010/11/proxy-inception/">Harmony Proxies</a> und <a href="https://andreasgal.wordpress.com/2010/10/13/compartments/">JavaScript Compartments</a> </dd>
<dt> </dt>
<dt><a href="http://blog.jquery.com/2011/01/14/jquery-1-5-beta-1-released/">jQuery 1.5 Beta 1 released</a> </dt>
<dd> </dd>
<dd>Kleinere Verbesserungen, vornehmlich ein Rewrite der Ajax-Funktionalitäten. </dd>
<dt> </dt>
<dt><a href="http://docs.dojocampus.org/releasenotes/1.6">Dojo 1.6 Release Notes</a> </dt>
<dd> </dd>
<dd>Mit neuem LESS-angetriebenem Theme, einem IndexDB-Storage, Umstellung von dojo-Attributen im Markup à la <em>dojoType</em> auf HTML5-data-Attribute, Performanceverbesserungen in IE6 und 7 (dank einer Analyse des Codes mit <a href="http://ajax.dynatrace.com/ajax/de/Default.aspx">dynaTrace</a>) und Dokumentation zur Verknüpfung von Dojo mit RequireJS. </dd>
<dt> </dt>
<dt><a href="http://glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/">What the heck is Shadow DOM?</a> </dt>
<dd> </dd>
<dd>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 <a href="http://glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/#comment-266">ein alter Hut</a>. </dd>
<dt> </dt>
<dt><a href="http://www.xanthir.com/talks/2011-01-12/slides.html">CSSOM, Vars, Mixins, etc. (=HTML Slides, zu navigieren per Cursortasten) </a> </dt>
<dd> </dd>
<dd>Die immer wieder gewünschten Ermächtigungsgesetze von CSS. Genaugenommen <a href="http://www.w3.org/People/howcome/p/cascade.html">gewünscht seit 1994</a> (nur anders). Inspiriert von so Frameworks wie <a href="http://lesscss.org/">LESS</a> oder <a href="http://turbine.peterkroener.de/docs.php">Turbine</a>. </dd>
<dt> </dt>
<dt><a href="http://w3fools.com/">w3fools.com</a> </dt>
<dd> </dd>
<dd>Die geben der dreckigen w3schools.com Saures. Konstruktiver ist das (man kann sagen SEO-)Projekt <a href="http://promotejs.com/">PromoteJS</a>. </dd>
<dt> </dt>
<dt><a href="http://webkit.org/blog/1424/css3-gradients/">CSS3 gradients in Webkit …</a> </dt>
<dd> </dd>
<dd>… werden syntaxmäßig an den <a href="https://developer.mozilla.org/en/CSS/-moz-linear-gradient">Firefox</a> angeglichen. </dd>
</dl>
<h3>KEINE Schaunotizen</h3>
<p>&#8230;weil wir darüber nicht sprechen konnten oder wollten (ja, wir sortieren knallhart aus!):</p>
<dl>
<dt><a href="http://www.stevesouders.com/mobileperf/">Mobile Perf</a> </dt>
<dd> </dd>
<dd>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. </dd>
</dl>
<dl>
<dt><a href="http://labs.adobe.com/technologies/flashplayer10/">Flash 10.2 beta</a> </dt>
<dd> </dd>
<dd>… bringt das hochinteressante <a href="http://www.adobe.com/devnet/flashplayer/articles/stage_video.html">Stage Video</a>. </dd>
</dl>


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

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.

Revision 10: H.264 vs. WebM, Shadow DOM und w3fools.com

<p>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.</p>
<p>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.</p>
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://net.tutsplus.com/tutorials/javascript-ajax/rocking-out-with-coffeescript/">Einsteiger-Tutorial zu CoffeeScript</a></p>
<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></p>
<dt><a href="http://mir.aculo.us/dom-monster/">DOM-Monster</a></p>
<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>.</p>
<dt><a href="http://html5sec.org/">HTML5sec.org</a></p>
<dd>Die Website listet alle Stellen, an denen die Ausgabe ungefilterten User-Inputs doppelt vermeidenswert ist.</p>
<dt><a href="http://html5labs.interoperabilitybridges.com/">IE9-Entwicklungsäste mit experimentellen Features</a></p>
<dd>Es gibt einen Build mit IndexedDB- und einen mit Websockets-Unterstützung.</p>
<dt><a href="http://drupal.org/drupal-7.0">Drupal-CMS in Version 7</a></p>
<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</p>
<dt><a href="http://www.exploringbinary.com/php-hangs-on-numeric-value-2-2250738585072011e-308/">PHP in eine Endlosschleife schicken …</a></p>
<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…

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

<p>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!</p>
<p>Hier übrigens ein Screenshot, der zeigt, wie ausdifferenziert unsere Betriebssystemwahl aussieht:<br />
<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></p>
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://blog.chromium.org/2010/12/new-crankshaft-for-v8.html">CrankShaft</a></p>
</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></p>
</dt>
<dd>Ein Framework, welches Flipboard fürs Web nachbasteln möchte.</p>
</dd>
<dt><a href="http://www.w3.org/News/2010.html#entry-8982">XHTML 2.0-Dokumente wurden als W3C-Notes veröffentlicht</a></p>
</dt>
<dd>Ein weiterer Tod des toten XHTML 2.0</p>
</dd>
<dt><a href="http://www.interoperabilitybridges.com/html5-extension-for-wmp-plugin">HTML5 Extension for Windows Media Player Firefox Plug-in</a></p>
</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.</p>
</dd>
<dt><a href="http://www.debeterevormgever.nl/html5-ie-without-javascript/">HTML5-Elemente im IE ohne JavaScript</a></p>
</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></p>
</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></p>
</dd>
<dt><a href="http://stevesouders.com/controljs/">ControlJS</a></p>
</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><br />
(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

<p>Schepp fiel aus, Marc stand im Stau, also mussten Peter und ich uns die Themen eben zu zweit zur Brust nehmen. In Rekordzeit!</p>
<p>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?</p>
<p>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>.</p>
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://www.thecssninja.com/javascript/filesystem">Experimentelle Filesystem-API</a></p>
<dd>Zugriff auf eine Sandbox im Dateisystem.</p>
<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></p>
<dd>Keine Websockets, keine DeviceOrientation, kein SVG</p>
<dt><a href="http://www.0xdeadbeef.com/weblog/2010/12/disabling-websockets-for-firefox-4/">Disabling Websockets for Firefox 4</a></p>
<dd>Firefox und auch Opera nehmen den Support für Websockets aus den aktuellen Betas.</p>
<dt><a href="http://www.golem.de/1012/79969.html">Last Call Working Draft von CSS 2.1</a></p>
<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

<p><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.</p>
<h3>Schautnotizen</h3>
<dl>
<dt><a href="http://googlechromereleases.blogspot.com/">Google Chrome 8</a></p>
<dd>Nichts Interessantes, größtenteils Security-Updates und Bugfixes</p>
<dt><a href="http://getfirebug.com/wiki/index.php/Firebug_Release_Notes#Firebug_1.6">Firebug 1.6</a></p>
<dd>Wir kommen etwas ins Reden, an welchen Stellen der Web Inspector noch dem Firebug hinterher ist.</p>
<dt><a href="http://headjs.com/">head.js</a></p>
<dd>Mehrere JavaScripts parallel laden lassen und dadurch das Blocken der restlichen Seite verhindern</p>
<dt><a href="https://github.com/thirtysixthspan/waterunderice">Water under Ice</a></p>
<dd>Dateiuploads mithilfe der File API und Web Sockets</p>
<dt><a href="http://www.webkrauts.de/2010/12/02/loeschen-ist-keine-loesung/">Webkrauts-Adventskalender: Löschen ist keine Lösung</a></p>
<dd>Warum CSS-Resets mit Vorsicht zu genießen sind</p>
<dt><a href="http://calendar.perfplanet.com/2010/">calendar.perfplanet.com</a></p>
<dd>Adventskalender zu Performance-Optimierungs-Themen</p>
<dt><a href="http://24ways.org">24ways</a></p>
<dd>Webkrauts-ähnlicher Kalender auf englisch</p>
<dt><a href="http://t3n.de/news/neuer-jmstv-286977/">17 Fragen zum JMStV</a></p>
<dd>Wir regen uns pflichtbewusst über den neusten Coup der Offline-Apologeten auf.
</dl>
<p><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></p>


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

<p>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.</p>
<h3>Schaunotizen</h3>
<dl>
<dt><a href="http://www.mobilexweb.com/blog/safari-ios-accelerometer-websockets-html5">Safari on iOS 4.2</a></p>
<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>.</p>
<dt><a href="http://www.opera.com/browser/next/">This one goes to eleven!</a></p>
<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.</p>
<dt><a href="http://technikwuerze.de/podcast/technikwuerze146/">Technikwürze 146 unter anderem über Jetpack</a></p>
<dd>Mozilla-Projekt, das dazu beitragen soll, dass die Extensions-Installation unter Firefox weniger schmerzlich wird.</p>
<dt><a href="http://www.heise.de/newsticker/meldung/Opera-Mobile-10-1-mit-schneller-JavaScript-Engine-1141503.html">Opera Mobile 10.1</a></p>
<dd>Auch die mobile Version des Browsers erfährt ein wichtiges Update inkl. Geolocation-Unterstützung und ordentlichem JIT-Compiler.</p>
<dt><a href="http://www.w3.org/TR/2010/WD-webmessaging-20101118/">W3C Working Draft der Web Messaging API</a></p>
<dd>Webapplikationen über mehrere Browserfenster steuern. Beispielsweise geeignet für <a href="https://github.com/SirPepe/P5">Peters Slideshow-Projekt</a>.</p>
<dt><a href="http://vimeo.com/17180651">DepthJS</a></p>
<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

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

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 15: IE9 unmodern? Teure Featuredetection? Pareto-Prinzip?

Working Draft

Revision 14: Hashbangs, PhantomJS und Github-Gene

Working Draft

Revision 13: Screen Presenter, Chromeless und Clipboard API

Working Draft

Revision 12: CSS-Reset, IE9 RC1 und Harmony

Working Draft

Revision 11: HTML5 +Logo -5, Markup-Manipulation und IP-Adressen-Endzeit

Working Draft

Revision 10: H.264 vs. WebM, Shadow DOM und w3fools.com

Working Draft

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