CSS3

Wie jedes neue Entwicklerwerkzeug für Webdesigner wird auch jQuery gerne und häufig mit seinen Vorgängern und Konkurrenten verglichen, und das ist natürlich an erster Stelle Flash. Ein Vergleich allerdings, den jQuery durchaus nicht zu scheuen braucht. Flash war lange Zeit das Mittel der Wahl, doch nun ist es an jQuery, den Webseiten der Welt Spezialeffekte oder Interaktivität zu verleihen. Denn gegenüber Flash erleichert jQuery die Realisierung ausgefallener Effekte und Animationen ungemein und hat auch die Nase vorn, wenn es um Suchmaschinenoptimierung geht. Und was da alles geht mit jQuery: Grafiken verschieben und übereinanderlagern, flüssigere Animationen, Fotos zoomen und verschieben, Schnappschuss- und Slider-Effekte und noch viel mehr.Für einen ersten Eindruck, was jQuery alles kann, habe ich eine Liste mit Plugins für jQuery zusammengestellt — inklusive Links zu den jeweiligen Demo-Webseiten.

Unglaublich aber wahr. Folgende Webseite demonstriert, was man schon jetzt mit CSS3 alles anstellen kann. Das Beispiel kommt ohne irgendein Javascript und komplett ohne Grafiken aus. Ich wiederhole noch ein Mal: Ohne Grafiken!

Nur mit HTML und CSS3.
(Achtung, nur Safari kann's richtig. Bei Chrome fehlt die 3D Perspektive, und Firefox, Opera und IE können's gar nicht ;-)



Die kleinen Icons werden mit Hilfe von Pictos Font realisiert. Und der eigentliche Markup sieht wirklich fast schon primitiv aus:

Dafür aber lohnt sich der Blick in den CSS-Code, der ziemlich kompliziert ist.

Jeder kann sehen, wie schön in der nahen Zukunft Webseiten aussehen könnten. Und sie laden dazu noch schneller. Vielleicht irgendwann werden wir IMG-Tags genau so verpönen, wie die heutzutage hoffnungslos veralteten Tabellen-Layouts. Wer weiß…

Für Gestalter und Entwickler war CSS schon lange ein einflussreicher Bestandteil des Webgestaltungsprozesses, aber mit dem Hervortreten von CSS3, und dem Anstieg der Anforderungen, sowie der Anzahl an Browsern, die es unterstützen, eröffnen sich erstaunliche Möglichkeiten für Designer.

Jetzt ist es möglich allein mit CSS alle möglichen coolen Sachen zu machen – sogar Animationen. Obwohl nicht alle Effekte browserübergreifend funktionieren (selbst bei Browsern, die CSS3 unterstützen) und einige Dinge mehr Anschauungsobjekt sind, als dass sie einen wirklichen Nutzen hätten, gibt es scheinbar keinen Mangel an tollen Sachen, die man alleine mit dem Stylesheet machen kann.

Hier sind sieben meiner Lieblingstechniken mit CSS3, die einen Nutzen in der wirklichen Welt haben, und mit denen man gleich sofort anfangen kann zu experimentieren.

In letzter Zeit hört man viel von HTML5 und CSS3, vor allem seitdem Apple sich so hartnäckig weigert, Flash auf seinen Mobilgeräten zu unterstützen. Diese neuen Webstandards sollen nun Video- und Audiounterstützung sowie viele graphische Verbesserungen bei der Webseitendarstellung bringen, außerdem ein paar technische Leckerbissen wie Drag-and-Drop. Alles in allem verspricht uns das in Zukunft ein angenehmeres Websurfen.