Flash stirbt, aber wie geht es weiter?

Datum: 23. Februar 2012
Autor*in: 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


Facebook-App als Seitenreiter zu einer Fanpage hinzufügen

Autor*in: Stefan Oswald


Technologie


Um einer Facebook-Seite (Fanpage) eine eigene Seitenreiter-App hinzuzufügen, ist ein kleiner Workaround notwendig. Hinweis: Die Voraussetzungen, um überhaupt eine Seitenreiter-App erstellen zu können, ist ein Developer Account bei Facebook. Nach dem Erstellen der Seitenreiter-Anwendung kopiert man einfach die App-ID, fügt diese in den unten stehenden Link ein, ruft die URL im Browser auf und wählt …


Beitrag lesen
22
JAN
14

GOTO Berlin 2017

Autor*in:


Technologie


Dari und ich durften vom 15. bis 17. November an der GOTO Konferenz in Berlin teilnehmen. TL;DR Bevor ich ein paar Insights zu den einzelnen Themen gebe, hier mein Fazit zur GOTO Berlin: eine Entwickler-Konferenz der Extraklasse! Internationale Top-Speaker und – mit dem BBC direkt am Alexanderplatz – eine ideale Location! Auch aus fachlicher Sicht kann …


Beitrag lesen
21
NOV
17

Mass Apache .htaccess redirect generator

Autor*in: Benjamin Hofmann


Technologie


Vielleicht für den einen ganz nützlich wenn in einem Projekt mal wieder gefühlt hunderttausende Redirects notwendig sind: http://redirectgenerator.netmagnet.cz/. Hiermit ist es sehr einfach statische Redirects zu generieren, also ohne reguläre Ausdrücke in den URLs, die dann an Variablen übergeben werden. Das Tool habe ich schon ein paar mal kurz genutzt und fand es durchaus hilfreich …


Beitrag lesen
18
JAN
17

YouTube Data-API v2 ist tot.

Autor*in: Benjamin Hofmann


Technologie


Wer es noch nicht mitbekommen hat, Google stellt die Version 2 seiner Data API für YouTube ein. Die Ankündigung für die Abschaltung der v2-API kam bereits im März 2014. Mehr Informationen gibt es hier: https://www.googlewatchblog.de/2015/04/youtube-data-api-viele/ Einen Migration-Guide von Google gibt es hier: https://developers.google.com/youtube/v3/migration-guide


Beitrag lesen
22
APR
15