Animation ohne Programmierarbeit

HTML5-Animationen müssen nicht unbedingt heftige Programmierarbeit mit sich bringen. Es gibt bereits brauchbare visuelle Werkzeuge. Mit Adobe Edge Animate CC können Animationen mit Schlüsselbildern erstellt werden, die ähnlich wie das Videotool After Effects Veränderungen der Position, Grösse, Farbe etc. in einer Zeitleiste abbilden. Seit dem letzten grossen Update auf die Creative Cloud (CC) spielen auch Bewegungspfade eine grosse Rolle. Aber nicht nur Übergänge und Animationen, sondern auch interaktive Seitenelemente wie berührungsempfindliche Beschreibungstexte lassen sich direkt im Browser ausprobieren. Programmierkenntnisse sind bei all dem nicht nötig - Edge Animate erstellt den Quellcode im Hintergrund. Die Ergebnisse basieren auf der Webkit-Engine und sind mit allen wichtigen (mobilen) Browsern kompatibel. Wer sich einen schnellen Eindruck verschaffen möchte, kann den Showcase besuchen. Oder sich einige der interaktive Lektionen für die wichtigsten Funktionen auf dem Startbildschirm anschauen. So gelingen schnell die ersten Animationen.

HTML Kickstart von 99lime.com ist eine Art Grundausstattung für das moderne Webdesign. Es bietet sogenannte Building Blocks, also Bausteine für die eigene Website, die sich aber dennoch frei gestalten lassen und auch von Hardcore-Entwicklern gerne genutzt werden. In einem kostenlosen Download, den bereits über 115'000 Webdesigner genutzt haben, sind unter anderem Buttons, Icons, Farben, Stile, Listen, Menüs, Tabellen-Templates, Tooltips und CSS-Stile für Typografie enthalten. Alles liegt im typischen HTML5-Stil vor und ist komplett an das eigene Design anpassbar. Dank nützlicher Kleinigkeiten, wie einem Icon für die Verknüpfung mit Twitter, lässt sich wertvolle Entwicklungszeit sparen. Die üblichen Funktionalitäten wie Slideshows oder interaktive Menüleisten lassen sich so schnell umsetzen. Die Technik dahinter ist blitzsauber: JavaScript, HTML 5 und CSS 3 versprechen Kompatibilität mit den grossen Browsern. Zudem ist die Installation einfach: Paket herunterladen, in das Root-Verzeichnis des Website-Entwicklungsordners kopieren, fertig.