Guymon

Mit CSS3 wird alles einfacher

net.tutsplus vergleicht 11 “old-school” CSS/JavaScript Techniken und wie sie mit CSS3 umzusetzen sind.

Here are the 11 techniques that I’ll be showing you how to recreate with CSS3. I’ll show you how to create them using CSS2 (or JavaScript), and then with CSS3 properties.

Und hier die Demos:

1. Rounded Corners
2. Box Shadow
3. Text Shadow
4. Fancy Font
5. Opacity
6. RGBA
7. Background Size
8. Multiple Backgrounds
9. Columns
10. Border Image
11. Animations

Rounded Corners

aext.net stelt 15 Methoden für runde Ecken vor.

Testen werde ich mal die htc Variante, so eine Lösung würde mir ganz gut gefallen.

Vier CSS3-Tricks

Eric Eggert stellt 4 Dinge vor die man mit CSS 3 machen kann und zeigt auch gleich in welchen Browsern das jeweilige Beispiel schon heute funktioniert.

Die Beispiele sind: Externe Links, Gestreifte Tabellen, Spezielle Absätze sowie Abgerundete Ecke und Schatten

Rounded Corners

Zwei Ansätze für “runde Ecken” im IE die ich mal testen werde:

DD_roundies versucht dem IE dieses Feature mit JavaScript und VML beizubringen.

border-radius.htc versucht es via htc.

JQuery Plugins

Zwei neue jQuery Plugins.

Transparent Corners

A jQuery plugin to provide some functionality to add corners to html elements (blocks only, currently)

jQuery lightBox plugin

Inspiriert durch Lightbox JS.