Caleb Jacob ist derzeit der Lead Designer bei WagePoint und hat einen Content-Slider komplett in CSS3 umgesetzt. Normalerweise setzt man dafür Skript-Bibliotheken wie z.b. jquery oder mootools ein. Leider werden CSS3 Keyframe-Animationen zur Zeit nur durch WebKit-Browser und Firefox unterstützt und somit kann vorerst nicht auf die genannten Skript-Bibliotheken verzichtet werden.

CSS3 Content Slider

Professionelle Hover-Effekte über Bildern nur mit CSS3! Das Tutorial von Alessio Atzeni zeigt Dir wie das genau funktioniert. Auf seiner Demo-Seite zeigt er, wie perfekt diese Animationen mit CSS3 umgesetzt wurden und auf seiner Tutorial-Seite führt er Schritt für Schritt auf, wie man diese fantastisch animierten Hover-Effekte richtig umsetzt. Viel Spaß dabei!

CSS3 HOVER DEMO SEITE
CSS3 HOVER TUTORIAL SEITE

Mega-Menüs werden oft auf größeren Webseiten, die eine beträchtliche Anzahl von Produkten haben, zum navigieren verwendet. Der Unterschied zu einer normalen Drop-Down-Navigation besteht darin, dass sich ein Mega-Menü über eine große Fläche (meist die komplette Seitenbreite) öffnet und mehr Möglichkeiten bietet.

Diese Mega-Menüs bieten dem User den Komfort, mit

Jeff Batterton hat ein komplettes iPhone in CSS3 erstellt. Die meisten der Methoden und Eigenschaften der CSS3-Umsetzung sind ziemlich unkompliziert (border-radius, box-shadow, gradient) und einige von ihnen sind komplizierter. Es ist zwar nicht perfekt, aber ohne die Verwendung von Bildern ist es sehr gelungen.

Zur Seite von Jeff Batterton und zum CSS3-iPhone.

Feinstes Icon-Design durch CSS3. Louis Harboe aus Chicago hat diese aufwendigen Icons nur mit CSS3 erstellt!

Zur Seite von Louis Harboe und zu der CSS3 Icon-Demo.

Theresa Neil (O'Reilly Media) hat unter mobiledesignpatterngallery.com eine sehr schöne Galerie mit den verschiedensten Smartphone Anwendungen als Inspiration geschaffen. Anhand von unterschiedlichen Beispielen zeigt sie unter anderem, was man bei der Erstellung dieser Applikationen alles falsch machen kann oder am besten gleich unterlassen sollte.

www.mobiledesignpatterngallery.com

Der CSS Gradiant Editor ist die perfekte Hilfe, wenn es um das erstellen von CSS Farbverläufen geht. Mit einer übersichtlichen Bedieneroberfläche sind die gewünschten Effekte schnell erstellt und der dazugehörige CCS Code generiert.
Browser-Unterstützung: Firefox ab Version 3.6, Chrome ab Version 10.0, Safari ab Version 5.1,