Bei X-Tag handelt es sich um eine kleine JavaScript-Bibliothek, die das Verhalten eines Web Components simuliert: So können eigene HTML-Tags definiert werden, die komplette Widgets enthalten können, wie etwa ein Accordion, ein Kontaktformular oder gar eine Kartenansicht. Das Panel-Beispiel zeigt etwa das asynchrone Laden einer HTML-Datei in einen Container. Der X-Tag-Code dazu sieht aus wie folgt:

• <x-panel src="some-page.html"></x-panel>

Es gibt noch weitere Polyfills für Web Components, wie beispielsweise Model Driven Views, die ebenfalls vielversprechend aussehen.

Timbre.js bildet also die Brücke zur Web Audio API und bietet eine einfache Schreibweise an:

• T("sin", {freq:880, mul:0.5}).play();

Das Framework bietet neben dem Erzeugen von Tönen auch etliche Filter (Chorus, Delay, FFT, Equalizer, Phaser, usw.) an. Weiterhin können Audio-Dateien verarbeitet und sogar in Einzelteile (Beat Slicing) zerlegt werden, um sie dann in einer neuen Reihenfolge zusammenzusetzen. Das Beatbox-Beispiel zeigt dieses Szenario.
Auf der Seite der Vorgängerversion v12 finden sich weitere Beispiele.

Die Sammlung gliedert sich in 9 Hauptbereiche, die verschiedene Aspekte von JavaScript behandeln: Angefangen bei der Syntax, APIs und Frameworks über Entwurfsmuster und Tools bis hin zu Performance-Tipps und erweiterten Techniken. In der Liste finden sich die unterschiedlichsten Quellen, beispielsweise auch das bewährte eBook "Eloquent JavaScript". Die Sammlung dürfte nicht nur für JavaScript-Einsteiger interessante Links enthalten.

Die JavaScript-Version basiert auf einem ereignisgesteuerten Modell mit einer Core-API, die Erweiterungen enthält. Diese wiederum modifizieren die Elemente eines Graphen und senden Änderungen an den Core weiter. Dadurch können auch eigene Plugins und sogar jQuery-Plugins angebunden werden. Auf der Demo-Website findet sich der dazugehörige Beispiel-Code. Der komplette Quelltext steht bei GitHub bereit, wobei noch nicht alle Features der Flash-Version umgesetzt wurden (wie etwa Layouts).

Schon mit der HTML5-Animationssoftware Edge Animate wurde eine Anwendung eingeführt, die nur über die Creative Cloud erhältlich ist. Ein Einzelprodukt in der Creative Cloud kann für 24,59 EUR im Monat genutzt werden, während alle Apps für 61,49 EUR monatlich bereitstehen. Mehr dazu in der Tarifübersicht.
Die Creative Cloud ist nicht zu verwechseln mit webbasierten Anwendungen: CC-Anwendungen an sich funktionieren weiterhin offline wie bisher, lediglich der Download erfolgt über die Cloud. Bis zum 31. Juli 2013 bietet Adobe bestehenden Kunden 40% Rabatt bei einem Upgrade auf CC-Produkte an. Die Creative Suite 6 (CS6) ist damit das letzte Produkt seiner Art, das noch als Box-Version erhältlich ist. Im Photoshop.com-Beitrag werden übrigens auch die Neuerungen von Photoshop CC aufgelistet, zu denen Features wie "Camera Shake Reduction", "Intelligent Upsampling" oder "Smart Sharpen" gehören. Interessant für Webdesigner ist die Möglichkeit, den Radius abgerundeter Ecken auch noch nachträglich einstellen zu können.

In den FAQ der HTML5-Demo schreibt Epic Games Genaueres über die JavaScript-Erweiterungen und die unterstützten Browser. Unter Google Chrome läuft die Demo zwar, aber es kommt zu Abstürzen. Unter Safari oder Opera kann die Demonstration derzeit nicht angesehen werden, da die Browser nicht mit der Engine kompatibel sind. Es handelt sich also noch um eine sehr frühe Demo, die aber schon jetzt zeigt, was mit WebGL möglich ist. Erst kürzlich wurde bekannt, dass Microsoft auch in Internet Explorer 11 WebGL unterstützen will.

Kein Geringerer als Remy Sharp hat genau das in die Tat umgesetzt und eine kleine, kompakte Bibliothek namens Min.js geschrieben, die eben Gebrauch von nativen JavaScript-Funktionen macht und die erwähnten Elemente erweitert. So wird auch das "NodeList"-Element einfach um die forEach-Funktion von Arrays erweitert: Dadurch lassen sich DOM-Strukturen genauso iterieren wie gewöhnliche Arrays.
Min.js ermöglicht DOM-Selektoren durch das "$"-Zeichen und ist gerade einmal 50 Zeilen groß. Die Mini-Bibiliothek dürfte sicherlich für Framework-unabhängige JavaScript-Anwendungen interessant sein.

Der Editor kann direkt im Browser gestartet werden und setzt sich aus einer Spalte mit den verfügbaren Komponenten und einem Arbeitsbereich zusammen, in dem die Bausteine platziert werden. Diese können innerhalb des Arbeitsbereichs bewegt und wieder entfernt werden. Ein mit LayoutIt! erstelltes Bootstrap-Layout lässt sich schließlich exportieren und steht dann in Form von HTML-, CSS- und JavaScript-Dateien zur Verfügung.

Alle Features auf einen Blick finden sich hier. Die IDE sollte wirklich keine Wünsche offen lassen, zumal sie sich in allen Belangen sehr granular anpassen lässt, aber dennoch viele Dinge automatisiert erledigt. Das alles kommt natürlich nicht von ungefähr: Wer mit Visual Studio arbeitet, wird die Erweiterung ReSharper zu schätzen wissen, die ebenfalls von JetBrains stammt und zum unverzichtbaren Werkzeug geworden ist, wenn es um die Entwicklung von On- und Offline-Anwendungen geht.
Interessant ist nun, dass die "Personal License" von WebStorm im Rahmen des Earth Days noch bis zum 22. April 2013 für 26 EUR (zzgl. MwSt.) zu haben ist: Die Verkäufe, die in diesem Zeitraum stattfinden, werden dazu genutzt, den gefährdeten atlantischen Regenwald in Brasilien wiederaufzubauen. Mehr zu der Aktion findet sich im Blog-Eintrag.

So dürften laut dem Artikel auch die Richtlinien von Apples iOS eine Rolle spielen, denn hinsichtlich der Browser-Entwicklung erlaubt Apple lediglich die Verwendung der UIWebView-Klasse, die ausschließlich das Rendern über die WebKit-Engine ermöglicht. Aus dem gleichen Grund hat man sich bei Mozilla dazu entschieden, keinen Browser für iOS zu entwickeln, da man auch hier die eigene Rendering-Engine (also Gecko) einsetzen will.
Bei Googles Blink handelt es sich um einen Fork von WebKit, der ebenfalls als Open-Source-Projekt veröffentlicht werden wird. Es wird bei der Engine verstärkt auf die Unterstützung einer Multi-Prozess-Architektur gesetzt, was auch ein Grund für die Entwicklung der Engine war.
Die Blink-Engine ist angeblich schon in den Canary-Builds enthalten, wobei auf der "chrome://version"-Seite im UserAgent-String noch die Bezeichnung "AppleWebKit" zu finden ist.