Was ist Canvas?

Inken Kiupel — Mon, 11 Apr 2011 13:25:56 +0000

Das <canvas>-Element gehört zu den spannendsten neuen Features von HTML5. Streng genommen sorgt es lediglich dafür, dass eine leere Zeichenfläche in eine Website eingebunden wird. Auf dieser Fläche lassen sich dann aber mithilfe von JavaScript beliebige Diagramme, Grafiken für Spiele oder Videos erstellen und sogar animieren. Damit tritt Canvas (im Zusammenspiel mit JavaScript und CSS) in Konkurrenz zu Adobe Flash, das bisher als Technologie der Wahl galt, um Filme und Animationen in Websites einzubinden. Canvas hat gegenüber Flash aber den Vorteil, dass es kein Plugin benötigt, um die animierten Grafiken anzuzeigen, und darüber hinaus lässt sich das Element problemlos auf Apples iPhone und iPad einsetzen. Die Möglichkeiten, die das <canvas>-Element bietet, reichen von der Erstellung einfacher Linien und Rechtecke bis hin zu komplexen animierten Formen. Die erzeugten Grafiken lassen sich außerdem skalieren, positionieren und beschneiden, mit mehrstufigen Transparenzen und Farbverläufen versehen – und das alles auf Basis gängiger Webtechnologien. Das <canvas>-Element wird von den meisten aktuellen Browsern unterstützt. Einzige Ausnahme bislang: der Internet Explorer. Damit Canvas auch vom IE erkannt und dargestellt werden kann, können …

Der Beitrag Was ist Canvas? erschien zuerst auf oreillyblog.

Was ist HTML5?

Inken Kiupel — Fri, 28 Jan 2011 10:23:36 +0000

HTML5 ist die neueste Version der Markup-Sprache, mit der die älteren Versionen HTML 4.01, XHTML 1.0 und XHTML 1.1 abgelöst werden sollen. Obwohl die Entwicklung noch nicht abgeschlossen ist, sind viele HTML5-Elemente schon jetzt einsetzbar. Zeit also, die Neuerungen zu erkunden und sich fit für die Zukunft zu machen. Um Websites anzeigen zu lassen, die in HTML5 geschrieben wurden, brauchen Besucher lediglich einen modernen Webbrowser. Die jüngsten Versionen von Apple Safari, Google Chrome, Mozilla Firefox und Opera unterstützen bereits viele HTML5-Funktionen. Mobile Webbrowser, die auf iPhones, iPads und Android-Handys von Haus aus installiert sind, bieten exzellente Unterstützung für HTML5. Auch Microsoft hat angekündigt, dass die anstehende Version 9 des Internet Explorer einige HTML5-Funktionalitäten unterstützen wird. HTML5 ist glücklicherweise weitgehend rückwärtskompatibel, d.h., auch User, die eine HTML5-basierte Seite mit älteren Browsern ansteuern, können sie ansehen und nutzen. Die neuen HTML5-Funktionen setzen auf bestehenden Funktionen auf und ermöglichen es so, Ersatzinhalte für ältere Browser anzubieten. Die wichtigsten Neuerungen in HTML5 auf einen Blick Neue semantische Elemente: Schon seit Langem gibt es Bestrebungen und Initiativen, die sich dafür …

Der Beitrag Was ist HTML5? erschien zuerst auf oreillyblog.

Canvas Archive - oreillyblog

Was ist Canvas?

Was ist HTML5?