Dank CSS3 sind Animationen ohne Flash und JavaScript kein Problem mehr. Aber nicht immer kommt man mit den Möglichkeiten von CSS3 aus. Vor allem, wenn Animationen berechnet werden müssen, ist der Einsatz von JavaScript unumgänglich. Es gibt jedoch eine wesentlich performantere Möglichkeit als den Einsatz von setTimeout und setInterval. Denn setTimeout und setInterval haben den Nachteil, dass sie eine Funktion immer nach einer fest definierten Zeitspanne...
In den vergangenenen Monaten sind immer wieder mal CSS-Experimente in den Umlauf gebracht worden. Mir persönlich gefiel bis zum heutigen Tage stets Paperfold CSS am besten, aber auch Meny und andere, eher spielerische Ansätze stellten wir unseren Lesern vor. Makisu, ein ganz frisches Konzept für eine Dropdown-Navigation mit 3D Transforms, hat in meiner Gunst nun Paperfold CSS abgelöst; selten sowas schickes gesehen. Makisu –...
Ein Bild sagt mehr als tausend Worte. Und ein bewegtes Bild ist noch viel sprechender. So ist es kein Wunder, dass sich in den letzten zwölf Jahren mit Adobes Flash ein Format durchsetzen konnte, das das Gegenteil eines offenen Standards repräsentiert. Die neue jCS Media Library ermöglicht nun die Erstellung flash-ähnlicher Animationen auf der Basis von jQuery. Der Entwickler verspricht sogar Kompatibilität für den...
Dank CSS3 lassen sich Animationen ohne Flash und Javascript erstellen. Dabei kann der zeitliche Ablauf einer Animation komfortabel beeinflusst werden. Unter Verwendung der Eigenschaft „transition-timing-function“ lassen sich unterschiedliche Abläufe – mit und ohne Beschleunigung – definieren. Beschleunigen und abbremsen Neben der Einstellung „linear“, bei der eine Animation kontinuierlich dieselbe Geschwindigkeit hat, lassen sich Animationen auf unterschiedliche Weise beschleunigen und abbremsen. Die Standardeinstellung für eine...
Wenn Sie den Code aus Teil I des Tutorials jetzt in eine Website einbauen, wird er zwar funktionieren. Um wirklich sicherzugehen, dass alles reibungslos läuft, sollten Sie noch die globalen Variablen loswerden. Diese in einer Klasse zu verstecken ist immer eine gute Idee, um Konflikte mit sonstigem JavaScript-Code zu vermeiden.
Adobe Catalyst setzt auf eine Seiten-basierte Metapher, ähnlich wie Präsentationswerkzeuge, aber mit individuelleren Animationseffekten. In Teil 1 des Workshops haben wir ein statisches Interface erzeugt, in dem bis auf ein bisschen RollOver nichts passiert. Nun erzeugen wir verschiedene Animationsziele, für einen sanften Übergang von einer Navigationsposition zur nächsten.
Mit Hilfe von Flash-Catalyst erstellen Sie im Handumdrehen kleinere interaktive Anwendungen, ohne sich mit ActionScript und der tieferen Flash-Mechanik auseinandersetzen zu müssen.
Als Webworker sehen Sie tagein, tagaus sehr viel mehr oder weniger gutes Webdesign, und schauen, wie's die anderen machen. Sehen Sie sich auf der Suche nach Inspiration auch Fußball- oder Tennis-Websites an? Nicht?!? Dann holen wir das jetzt nach, denn die informationslastigen Sport-Websites haben in punkto Navigation, Interaktion und Benutzerfreundlichkeit viele gute Lösungen zu bieten.
Die Entwicklung W3C-konformer, sprich Browser-übergreifender Standards geht voran. Nachdem nun auch Microsoft auf die Schiene einschwenkt und mit dem just vorgestellten Preview des Internetexplorer 9 sowohl HTML-5-Elemente wie canvas als auch CSS-3-Eigenschaften wie border-radius fehlerfrei unterstützt, ist es Zeit, die neuen Techniken einzusetzen.
Adobe hat auf Dr. Web gehört: Der soeben erschienene Flash Catalyst CS5 bekam Sound- und Videounterstützung mit auf den Weg und auch die automatisch generierten Animationen sind noch besser geworden. Auch der Export als installierbares Adobe-Air-Projekt ist nun möglich. Damit wächst sich dieser Neuling zu einem (fast) vollwertigen und unabhängigen Werkzeug zum Erstellen interaktiver Anwendungen aus.
Letzte Kommentare