19.01.2012, 09:21

Peter Wayner

Website-Erstellung

JavaScript-Werkzeuge für HTML5

Javascript-Bibliotheken und Javascript-Frameworks helfen bei der Erstellung HTML5--konformen Websites ©iStockphoto.com/DSGpro

Mit den richtigen Javascript-Bibliotheken und -Frameworks erleichtern Sie sich das Erstellen von Websites mit HTML5. Wir stellen die besten Javascript-Tools vor.
Das Javascript-Framework jQuery scheint derzeit die Programmierung mit Javascript zu dominieren. Und das mit gutem Grund: Die Ersteller von jQuery haben alle guten Ideen von Bibliotheken wie Protopype, Dojo und Yahoo Yui genommen und in etwas Neues gepackt, das wesentlich einfacher zu handhaben ist. Mittlerweile dürfte jQuery mit seinen zahlreichen Plug-Ins unersetzlich sein.

Trotz des Erfolges von jQuery sollte man nicht vergessen, dass es noch viele andere gute JavaScript-Bibliotheken gibt, die es wert sind ausprobiert zu werden. Dieser Beitrag stellt Ihnen also alternative Javascript-Bibliotheken beziehungsweise Frameworks zu JQuery vor.
Die Yahoo User Interface Library war eine der ersten Browser-übergreifenden Werkzeugsammlungen, die als Open-Source veröffentlicht wurde. Und sie ist immer noch eine der besten. Yahoo hat die dritte Version 2009 veröffentlicht und beide Versionen, 2 und 3, werden kontinuierlich besser. Die Sammlung von Diagrammen, Widgets und anderen Werkzeugen bietet mehr Vielfalt als die meisten anderen JavaScript-Bibliotheken. Yahoo sorgt sich auch mehr um "kosmetische" Probleme als einige der anderen Anbieter. Viele der Funktionen, die bei Flickr und Yahoo Mail maßgeblich sind, warten nur darauf von Ihnen verwendet zu werden.
Wie auch jQuery und YUI bietet MooTools eine schöne Browser-unabhängige Möglichkeit für das Verändern von Arrays, div- oder span-Abschnitte in HTML und dergleichen. Besonders praktisch ist das maßgeschneiderte Werkzeug zum Erstellen von Bibliotheken, mit dem Sie genau die Funktionen auswählen können, die Sie benötigen. Sie müssen nur ein paar Kästchen auswählen, um eine optimierte Version von MooTools mit den von Ihnen benötigten Funktionen zu erhalten.

Animationen und HTML5-Spiele-Engines

Eines der Ziele von HTML5, zumindest für manche Interessensgruppen, war es, das Flash-Plug-In zu ersetzen. Dieser Umstieg kommt aber nur langsam, da die Spieleindustrie und die Ersteller von Präsentationen erst allmählich damit beginnen einige der fortgeschrittenen Flash-Werkzeuge durch HTML5-Technologien und -Werkzeuge zu ersetzen.
Mashi ist ein beeindruckendes Beispiel dafür, wie Sprites in Bewegung gesetzt werden können. Es bietet mehr als ein paar dutzend Vereinfachungsfunktionen für die Bewegung von Sprites entlang einer Zeitachse.
Die Liste mit Spiele-Engines für Browser ist lang und wächst stetig weiter, da JavaScript Canvas-Objekte etabliert und relativ konsistent sind. Die Ergebnisse sehen in unseren Augen nicht so gut aus wie jene bei Flash, aber wir vermuten, dass sich dieser Abstand bald schließen wird.

Wenn Sie Brettspiele mögen, dann mögen Sie vermutlich die dreidimensionalen, senkrechten Ansichten von Spielbrettern von pp3disco. Es benötigt lediglich ein paar Programmierzeilen, um diese zu erstellen. CasualJS wurde beispielsweise erstellt um wie ActionScript von Flash zu sein. Die Autoren von Crafty haben offensichtlich viel Zeit in die Kollisions-Erkennung investiert. Fruit Ninja-Fans können Fruit Assassin von Crafty in ihren Browsern spielen.


Vorherige Seite
Seite 1 von 4
Diskutieren Sie mit anderen Lesern über dieses Thema:
PC-WELT Hacks
PC-WELT Hacks Logo
Technik zum Selbermachen

3D-Drucker selbst bauen, nützliche Life-Hacks für den PC-Alltag und exotische Projekte rund um den Raspberry Pi. mehr

- Anzeige -
PC-WELT Specials
Angebote für PC-WELT-Leser
PC-WELT Onlinevideothek

PC-WELT Online-Videothek
Keine Abogebühren oder unnötige Vertragsbindungen. Filme und Games bequem von zu Hause aus leihen.

Tarifrechner
Der PC-WELT Preisvergleich für DSL, Strom und Gas. Hier können Sie Tarife vergleichen und bequem viel Geld sparen.

PC-WELT Sparberater
Das Addon unterstützt Sie beim Geld sparen, indem es die besten Angebote automatisch während des Surfens sucht.

Telekom Browser 7.0

Telekom Browser 7.0
Jetzt die aktuelle Version 7 mit neuem Design und optimierter Benutzerführung herunterladen!

- Anzeige -
Marktplatz
Amazon

Amazon Preishits
jetzt die Schnäpchen bei den Elektronikartikel ansehen! > mehr

UseNext

10 Jahre UseNeXT
Jetzt zur Geburtstagsaktion anmelden und 100 GB abstauben! > mehr

1191260
Content Management by InterRed