Showcases: Was geht ohne Flash (HTML5, CSS3, Canvas, JS, etc.)

Durch die langsame Verbreitung von HTML 5 und der No Flash Zone bei Apple auf dem iPad und iPhone, wird derzeit heißt diskutiert: “Was kann Flash, was kann man ohne Flash machen”.

Hier gibt es nun Links, die zeigen, was mit neuen Technologien ohne Flash möglich ist:

  1. HTML clocks using JavaScript and CSS rotation (CSS3): animierte Uhren a) im Analog-Stil und b) mit Ziffern.
  2. How jQuery is Killing Flash + jQuery Tutorials & Plugins to Beat Up Flash Animations.. Beispiele: interaktive Map, animierte Sharing-Leiste, die “OS X”-Dock etc.
  3. CSS3 Dropdown Menu: Verschachteltes Menü mit Abrundungen, Verläufen etc. Ohne hässliches Markup, mit Fallback für IE7+.
  4. XML3D – Browser lernen Echtzeit-Raytracing: Video. 3D-Inhalte können in (X)HTML eingebunden werden. Der Zugriff auf Inhalte und Events ist ganz normal über DOM möglich. Bei Bedarf kann das Rendering auch auf den Server ausgelagert werden (interessant bei schwachbrüstigen Clients oder nicht-freien 3D-Daten). Modifizierte Versionen von Firefox und Chrome sollen bald veröffentlicht werden.
  5. Filtr: mit Canvas können auf Bilder verschiedene Effekt angewandt werden. Zum Projekt
  6. jQuery for absolute beginners video series: Then I have also a nice link for anyone that wants to try jQuery and let the magic happen
  7. harmony: Ein Zeichentool mit geilen Brushes, realisiert mit Canvas. Ich glaube, das ist mein bisheriges Lieblings-Showcase!
  8. CSS3 please: CSS3-Style-Eigenschaften ausprobieren und das Ergebnis live im Browser sehen.
  9. SVG wow: SVG-Showcases (besonders gefällt mir Animated Lyrics).
  10. ambilight: Mit HTML5 und Canvas kann man bei Videos den Ambilight-Effekt imitieren.
  11. Pure CSS speech bubbles: CSS3-Sprechblasen.
  12. HTML5 Audio + Processing(Canvas) Experiment: Die neuesten 100 Tweets zu HTML5 werden als Partikel dargestellt, die im Takt zur Musik pulsieren und lustig durch die Gegend fliegen…klickt man auf ein Partikel, wird der Tweet angezeigt. Der Track passt übrigens gut zu einem chilligen Sonntag Vormittag. ;)
  13. Mehr CSS3-Beispiele: 10 amazing examples of innovative CSS3 animation
  14. Und zur Abwechslung etwas Sinnvolles mit CSS3 ;) How to build the new visual annotations with CSS3
  15. Bye Bye Flash: Network Graph is now Canvas: Github verwendet für Diagramme nun Canvas statt Flash: im Artikel wird beschrieben, was die Motiviation war und welche Vorteile die jeweiligen Lösungen haben.
  16. Normal Mapping with Javascript and Canvas Tag: Javascript und Canvas: man kann den Maus-Cursor als Licht verwenden und 3D-Objekte beleuchten.

Hinterlasse eine Antwort

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

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>