Flash stirbt, aber wie geht es weiter?

Datum: 23. Februar 2012
Autor: Axel Güldner


Wir sind uns sicher weitestgehend einig, dass Flash am Sterben ist. Apple hat mit seiner Entscheidung, Adobes Plugin auf mobilen Geräten nicht zu unterstützen, eine Entwicklung ausgelöst, an derren Ende das Flashplugin komplett verschwinden wird. Und wir sind uns auch sicher hier wieder größtenteils einig, wenn ich behaupte, Flash werden nur wenige vermissen.

Aber wie geht es weiter mit dem Thema Webanimationen? Ist es überhaupt noch nötig mit grafischen Elementen zu arbeiten, wo doch mittels jQuery und Co. beliebige Domobjekte einer Seite, nach Lust und Laune rumgeschubst, gedreht, vergrößert, verkleinert sowie ein- und ausgeblendet werden können?

Ich denke nach wie vor, dass Animationen im Web, egal mit welcher Technik sie auch realisiert wurden, durchaus das Potential haben, ein gutes Design zu einem großartigem Weberlebnis werden zu lassen, wenn man sparsam und sinnvoll mit ihnen umgeht (es will sicher keiner eine Wiederbelebung dieser gif-animierten Webseiten, wo an jeder Ecke irgendwelche Tiere und Abkömmlinge von Karl Klammer penetrant rumhüpfen).

Die Frage ist jetzt, wie geht es weiter, wenn Flash bald keine Option mehr ist.
Die Antwort ist zweigeteilt und richtet sich nach dem jeweiligen Anwendungsfall. Im Grunde gibt es 2 Technologien, jede mit eigenen Vor- und Nachteilen.

Das Canvas Objekt

HTML 5 ist cool – aber IEs müssen draussen bleiben

Sicherlich die Technik der Zukunft, mit Canvas kann man so ziemlich alles machen was einem animationstechnisch so einfällt. Nur leider werden alte Browser die nicht HTML 5 fähig sind, außen vor bleiben.

SVG

klassisch – vielleicht sogar zu klassisch

SVG war lange die einzige Alternative zu Flash, um vektorisierte Grafiken ins Web zu bringen. Das funktioniert auch heute noch, sogar mit alten Browsern, nur wird SVG vom Android Betriebsystem nicht unterstützt, was es für mobile Anwendungen schon wieder unbrauchbar macht.

Der folgende Blogbeitrag gibt eine gute und vor allem ausführlichere Beschreibung von 3 Frameworks die zum Zeichnen im Web auf Canvas oder SVG zurück greifen.
http://coding.smashingmagazine.com/2012/02/22/web-drawing-throwdown-paper-processing-raphael/
Zudem gibt es auch einige Codebeispiele zum ersten Experimentieren.

Kommentare

Selber kommentieren:






Weitere Beiträge zum Thema Technologie


video.js – HTML5-Video-Kmponente mit Polyfill für alte Browser

Autor: Stefan Oswald


Projekte // Technologie // User Experience & Design


Webseite: http://www.videojs.com/ Ich habe es mir noch nicht im Detail angeschaut, aber rein von der Beschreibung her könnte das für uns mal ganz nützlich sein. Man kann per API auch Loader für eigene Video-Provider umsetzen. Kostenlos einsetzbar dank Apache 2.0 Lizenz.


Beitrag lesen
14.
Mai
2013

Twitter Account-ID auslesen – 2013

Autor: Stefan Oswald


Technologie


Vor ca. 2 Jahren habe ich dazu schon mal einen Artikel geschrieben, aber die dort verlinkte Seite funktioniert nicht mehr. Es gibt aber eine neue Seite: http://mytwitterid.com/ Soweit ich weiß, versteckt Twitter die User-ID inzwischen komplett; man kann sie nur noch per API auslesen. Durch die Benutzung des verlinkten Tools muss man das nicht selbst …


Beitrag lesen
25.
Sep.
2013

Photoshop-Ebenenstile als CSS3-Code exportieren

Autor: Michael Degener


Technologie // User Experience & Design


Ob Designer oder Entwickler, jeder der schon einmal eine Screen-Vorlage mit all seinen Ebenen mittels HTML und CSS zum Leben erwecken musste, hat sich insgeheim sicherlich schon einmal gewünscht, dass sich dabei manche Arbeitsschritte beschleunigen ließen. Wer kennt sie nicht, die allgegenwärtigen Buttons in Formularen, Teasern und Schnellsuchen. Von runden Ecken über Konturen und Schlagschatten …


Beitrag lesen
03.
August
2012

fluidvids

Autor: Benjamin Hofmann


Technologie // User Experience & Design


Gestern kam nichts, dafür heute wieder: fluidvids. Eine sehr kleine Library, um Video-Integrationen ohne viel Aufwand responsiv zu gestalten. Warum ein Skript? Nun wird sich der ein oder andere wahrscheinlich fragen, warum folgendes Konstrukt nicht ausreicht: Ganz einfach deswegen, weil damit ein Seitenverhältnis von 16:9 vorgegeben ist und man ohne zusätzliche Klassen und eine irgendwie …


Beitrag lesen
28.
Sep.
2016