webentwicklung | dresden | webdevelopment | programmierung | webdesign | css | flash | ajax

Mit ‘canvas’ getaggte Artikel


Aug 09

HTML5 Canvas Experiment – Twitter Feeds visuell dargestellt

html5-canvas-particles HTML 5 wird in letzter Zeit viel Beachtung geschenkt. Mit dem Erscheinen von Firefox 3.5, Safari 4 und der Beta von Google Chrome 3 unterstützen Browser nun einige großartige Features wie das canvas- und die audio/video Tags. Sogar neueste mobile Geräte wie das iPhone oder die Android basierten Telefone unterstützen neue Standards um eine Alternative zu Flash schaffen zu können. Es sieht also gut aus für HTML5.

Die Entwickler von 9elements haben ein Experiment entwickelt, welches 100 Tweets von Twitter lädt, die sich mit HTML5 beschäftigen. Diese werden dann mit Hilfe einer JavaScript-Partikel-Engine dargestellt und animiert. Jedes Partikel repräsentiert einen Tweet und beim Klick auf eines dieser Partikel wird die Twitter-Nachricht angezeigt.
Eine ziemlich coole Angelegenheit, die komplett mit HTML5 umgesetzt wurde. (Quelle: 9elements.com)

html5_canvas1 html5_canvas2 html5_canvas3

Sites-32x32 Link zum HTML5 Canvas Experiment

Jun 17

Chrome Experiments zeigt, was mit JS möglich ist

logo_smIn den letzten Tagen ging es in diversen Blogs oft darum, dass Flash, Silverlight & Co. irgendwann von HTML 5 komplett abgelöst werden.

Mir ist jetzt wieder mal eine Webseite in den Browser reingerutscht, die es zwar schon seit einigen Monaten gibt, die aber genau dieses Thema eindrucksvoll präsentiert: Chrome Experiments.

Auf dieser Plattform wird gezeigt, was schon jetzt (obwohl HTML 5 noch lange nicht fertig ist) mit HTML 5 Elementen in Verbindung mit JavaScript möglich ist. Entwickler und Programmierer werden aufgerufen eigene JavaScript Experimente einzuschicken und ganz nebenbei wird darauf hingewiesen, dass Google Chrome mit seiner V8 JavaScript Engine zur Zeit wesentlich schneller ist als andere Browser. Naja…nicht mehr lange und dann zieht Firefox mit seiner neuen Trace Monkey Engine ab Version 3.5 nach und es wird wieder spanndend…

sites-32x32Link zur Projektseite: Chrome Experiments

DownloadDownloadlink zur RC-Version von FireFox 3.5 mit Trace Monkey Engine: Firefox 3.5 RC