HTML5-javascript-Bibliotheken

"Processing.js ist eine offene Programmiersprache für Leute, die Programmieren wollen, Bilder, Animationen und Interaktionen für das web ohne Verwendung von Flash oder Java-applets. Processing.js verwendet Javascript, um Formen zu zeichnen und Bilder Bearbeiten auf dem HTML5-Canvas-element. Der code ist leicht, einfach zu lernen und macht ein ideales Werkzeug für die Visualisierung von Daten, erstellen von user-interfaces und Entwicklung von web-basierte Spiele."

InformationsquelleAutor John Nilsson

Poste ich über Easel.js und es ist sibils hoho. Sie sind aus dem gleichen Entwickler GSkinner poste ich alle Bibliotheken, weil dieser. Ich habe gerade verwendet Staffelei ein wenig, aber die anderen scheinen vielversprechend. Ich poste die URL und Ihre Beschreibung:

Easel.js

Dem neuen Canvas-element in HTML5 ist mächtig, aber es kann schwierig sein, mit zu arbeiten. Es hat keine interne Konzept der diskrete Anzeigeelemente, so sind Sie erforderlich, um updates zu verwalten manuell. Die Staffelei Javascript-Bibliothek bietet eine beibehaltene Grafiken-Modus für die Leinwand, darunter eine vollständige, hierarchische Anzeigeliste, ein core-Interaktion Modell, und helper-Klassen erleichtern die Arbeit mit Leinwand viel einfacher.

Unterstützt TweenJS

TweenJS bietet eine extrem einfache API für das erstellen von komplexen sequenzierte Animationen in Javascript. Es umfasst Grundlagenforschung (experimentelle) Unterstützung für die Arbeit mit Stylesheets.

Unterstützt auch SoundJS

Audio in HTML ist vielversprechend, aber kann ziemlich schwierig sein, mit zu arbeiten. Jeder browser hat einen ähnlichen, aber anderen Ansatz, der erfordert eine Menge zu erraten und zu testen, und Rand-Fällen, die sich auf viel Zeit verbrachte. Die SoundJS JavaScript-Bibliothek stellt eine einfache API, und einige leistungsstarke Funktionen machen das arbeiten mit audio ein Kinderspiel.

Und Zoë

Zoë (von Zoetrope) ist ein open-source-Anwendung für OSX oder Windows, die bietet eine einfache Möglichkeit zum export von Flash-Animationen sprite sheets für die Verwendung mit EaselJS und HTML5.
Ziehen Sie einfach eine SWF-Datei in die Anwendung. Es scannt die Haupt-timeline zu finden-frame-Bezeichnungen und Abmessungen. Sie können zwicken die frame-Grenzen, Einstellungen Bearbeiten, dann exportieren Sie ein sprite-Blatt Bild-und EaselJS-code definieren und eine SpriteSheet-Instanz mit frame-Daten basierend auf der timeline labels.
Staatsfonds sollten alle animation auf der Zeitleiste mit frame-labels, um anzugeben, das starten von Animationen. Verschachtelte Grafiken sind in Ordnung.

Ich habe Sie nicht genutzt aber alle scheinen ganz interessant =)

InformationsquelleAutor

Die einzige, die ich gefunden habe, ist html5widgets.

Hätte ich angenommen, dass dort, wo mehrere konkurrierende Bibliotheken.

Aber es tut implementieren die meisten der neuen html 5 Formular Güte, die ist, was ich über Pflege...

InformationsquelleAutor

Benutze ich Perkins HTML5+CSS3-framework "Er" beschreibt sich selbst wie folgt:

Ich bin ein Framework Gedanken zu machen, die das Leben von Designern und Entwicklern ein wenig leichter. Ich benutze den neuesten Web-standards, auch bekannt als HTML5 und CSS3. Mehr Vorteil und damit Sie nicht sich selbst wiederholen, ich bin mit Sitz in LESS.js, was bedeutet, dass können Sie vergessen, einige der proprietäre browser-Präfixe. Auch ich, tragen eine Reihe von vorinstallierten basic-styles, Mixins in Verbindung, Helfer, transparente Texturen, und @font-face-driven-icon-set. Wenn die HTML-ist deine Leidenschaft, ich kann Ihnen helfen, zu machen, wireframes schnell mit dem dynamischen raster, mit Sitz in Tyler Tate ' s 1kb CSS Grid ist bereits im Lieferumfang enthalten und kann konfiguriert werden, in den perkins.config.weniger Datei, sowie viele andere Optionen.

InformationsquelleAutor

Während mehr als eine javascript-Bibliothek HTML5 Boilerplate sieht wirklich nützlich.

"HTML5 Boilerplate ist die professional badass' s base HTML/CSS/JS-template für eine schnelle, robuste und zukunftssichere Website."

InformationsquelleAutor

RoCanvas.js

Schafft interaktive Zeichnung board, das Benutzern die Attraktion auf Ihrer Website (kann nützlich sein für Avatare, oder viel besser für colaborative Projekte, lernen usw.

InformationsquelleAutor