Working Draft

Ja, die starten genauso durch wie Adobe AIR oder Java Apps :D

Ich glaube, den meisten Hörern würde es reichen, wenn wir bei den Schaunotizen die Zeiten hinterlegen würden, wann das neue Thema beginnt. Ich versuch es beim nächsten Mal nebenher zu notieren.

Was die CSS-Filter angeht: Diese gibt es derzeit schon in SVG, wenn auch nicht in allen von der FX-, also der Effekte-Taskforce vorgeschlagenen Varianten. Was dort vorgeschlagen wird, ist den Gebrauch dieser Filter auf HTML auszudehnen, so dass man zum Beispiel einen Unschärfefilter auf Bilder/Texte oder Elementsammlungen legen kann. Das geht übrigens jetzt schon in der vorgeschlagenen Art und Weise in den Firefoxen ab 3.5, wenn man das betroffene Dokument mit einem echtem XHTML-Mime-Typ ausliefert. Dann definiert man irgendwo im Dokument den Filter in einem eingebetteten SVG-Element…


// Unschärfe von 8px
<filter id="blur">
<feGaussianBlur stdDeviation="8">
</filter>


…um diese anschließend per CSS und id-Verweis auf beliebige Elemente des XHTML-Dokuments aufzutragen (es reicht also aus dem SVG-Element heraus):


// Links, die erst beim Hovern und Fokussieren scharf werden
a {filter: url(#blur);} // Filter könnte dank url() auch in einer separaten Datei liegen
a:hover, a:focus {filter: none;}


Live in Aktion übrigens zu sehen auf http://www.apix.de/de/take-a-look.php, wenn man auf „weiterlesen“ klickt: Unscharfer Text rechts wird scharf, scharfes Bild links wird unscharf.

In Opera, WebKit und IE10 geht dasselbe nur, wenn man das Pferd von hinten aufzäumt: Dort gilt es, ein SVG als Hauptdokument auszuliefern, in das man per foreignObject seinen HTML-Code hineinpackt. Anschließend kann man ebenfalls alle SVG-Filter darauf anwenden, da sich ja nun alles innerhalb des SVG-Elements abspielt. Auf der eben genannten Seite ist dies der benutze Fallback zumindest für das Bild für WebKit und Opera. Für den IE kommt dessen proprietärer Blur-Filter zum Einsatz.

Die Idee von Mozilla wollen Opera und Apple nun gerne standardisieren und dabei wahrscheinlich den Zwang zum XML-Mimetyp-Auslieferung abschaffen, weil unnötig. Ich fänd es genial!

Und noch ein Schwenk zu den CSS3 Transitions: Wenn Du eh jQuery am Start hast, nimm einfach das Plugin jquery.transition.js, das jQuery vollautomatisch so aufbohrt, dass es CSS3 Transitions nutzt, wenn sie denn zur Verfügung stehen. Das erleichtert Dir das Leben :)