Hakim El Hattabs HTML5 Experimente

HTML5 entwickelt sich zu einem Konstrukt, das für Webworker primär aus einem besteht: Einem Konstrukt der über mehr Browserweichen verfügt, als es für das feinste CSS je notwendig gewesen wäre. Was daran wahr ist, und was davon (bewusst?) als Unwahrheit gestreut wird, sei einmal dahingestellt, denn eins ist auch klar: HTML5 gräbt den Pseudo-Animations-RIA-Klickibunti-Plugins das Wasser ab.

Screenshot einer Machbarkeitsstudie von Hakim El Hattab

Als Hindernis HTML5 einzusetzen gilt bisher die vermeintliche Tatsache das Javascript langsam sei, und vor allem die Browserinkompatibilitäten. Aber eins sollte auch dem großen Nerd inzwischen bewusst sein: Wer in Kürze das Canvas-Element nicht komplett durchschaut hat, wird in der nahen Zukunft mit einigen Problemen zu kämpfen haben.

DAS Html5 performant ist, und auch browserkompatibel sein kann und vor allem eins ist: Rattenschnell, stellt Hakim El Hattab in seinem Playground jedes Mal aufs Neue eindrucksvoll unter Beweis. Seine Machbarkeitsstudien sind äußerst komplex und belasten die CPU des Rechners dennoch kaum. Im Gegensatz zu den bereits genannten Plugins wird auch so gut wie nichts nachgeladen – die Animation ist sofort auf dem Bildschirm! Und dies trotz komplexer mathematischer Berechnungen.

Die Seite gehört in die Bookmark-Liste jedes Webworkers – allein schon um Kunden zu demonstrieren, was möglich wäre!

Ähnliche Beiträge

Sicherheitskopie im HTML5 Local Storage Unabhängig von dem was man über WordPress denkt ist eine Funktion ziemlich genial: das regelmäßige automatische Speichern beim Anlegen eines Artikels....
Heatmap mit dem HTML5 Canvas Element Heatmaps sind sinnvolle kleine Helferlein bei der Analyse einer Webpage. Ich habe schon darüber berichtet wie man mit der Open Source Clickheat eine f...
Sprite-Animation für HTML5 Willkommen zu einer neuen Folge von Zurück in die Zukunft. Spiele in HTML5 bringen eine Menge Technik mit sich, die die Generation C64 bereits aus dem...
HTML5 Canvas Cheat Sheet Kurz und schmerzlos: heute gib es ein Cheat Sheet für das HTML5 Canvas-Element, das als PDF oder als PNG heruntergeladen werden kann. Auch wenn es mir...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.