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


Und täglich grüßt die rote Leiste ;)

Autor*in: Benjamin Hofmann


Technologie


Hier mal ein kleiner Link-Tipp zu einer Seite mit sehr sehenswerten Comics, die sich mit typischen Entwickler-Themen beschäftigt: Geek&Poke. Die letzten drei Comics haben sich mit typischen Problemen beim Unit-Testing in Verbindung mit Continuous Integration beschäftigt und sprechen wahrscheinlich jedem von uns aus der Seele. Und ich glaube nicht daran, dass jemand von uns noch …


Beitrag lesen
20
FEB
17

Neues vom IE, Spartan Browser und Facebook Video

Autor*in: Benjamin Hofmann


Technologie


Der Spartan-Browser kommt ja so langsam ins Rollen, also gibt’s Neuigkeiten, was das für den IE bedeuten wird: „Gerüchte über das Ende des Internet Explorer sind stark übertrieben“, hält Microsoft zwar dagegen. Tatsächlich erneuerte dieser Post aber nur das Bekenntnis, den Internet Explorer für Firmenkunden am Leben zu erhalten“ Microsoft arbeitet seit einiger Zeit mit …


Beitrag lesen
26
MRZ
15

Rückblick auf die WJAX 2017 in München

Autor*in: Regina Staller


Technologie


Am 09. Und 10. November dieses Jahres fand die WJAX in München statt und ich durfte zum ersten Mal daran teilnehmen. In diesem Blogartikel werde ich Euch einen kurzen Überblick über die Sessions, an denen ich teilgenommen habe geben. Die Themen der Sessions waren gemischt, es ging um Microservices, Continuous Delivery, Spring 5.0 und Spring …


Beitrag lesen
17
NOV
17

Animierte Gifs im IE

Autor*in: Bastian Schwarz


Technologie


Gerade hat mich der IE mal wieder erstaunt (im negativen Sinne). Bei der IBE-Suche der AWK wird zur Überbrückung der Ladezeit eine Ladeanimation eingeblendet. Diese Animation wird mit einem animierten Gif dargestellt. Allerdings hat das Gif im Internet Explorer die Animation nicht ausgeführt. Nach ein wenig Recherche bin ich auf einen Bug im IE gestoßen …


Beitrag lesen
04
MAI
12