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…

Working Draft

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