Das Problem jeden CSS Entwicklers ist: Ecken sind eckig und nicht rund. Um Akzente zu setzen kommen nun doch öfter abgerundete Ecken zum Einsatz - Aber wie mit CSS umsetzen, ohne Grafiken zu verwenden?
Mittlerweile gibts viele Javascript Framworks, die das möglich machen. Eines davon ist OpenRico. Wie man auf der Webseite erkennen kann, gibts da allerdings einiges an Effekten, die man mit Rico erzeugen kann… Das bedeutet - weil für die Effekte die Bibliothek benötigt wird - das jedes Mal beim Anschauen einer Webseite knapp 90kb nachgeladen werden müssen.
OpenRico baut übrigens auf der Javascript Bibliothek prototype auf. Die runden Ecken sind aber bei der Gestaltung limitiert. Man kann keine Rahmen definieren, nur welche Ecken die Rundung betrifft und welche Farbe das Objekt hat. Aber eigentlich gehts nicht um Rico, sondern um ShadedBorder - eine kleine Javascript Bibliothek von Steffen Rusitschka.
Das besondere an ihr: Sie hat sich ausschließlich der Darstellung von runden Ecken gewidmet und “wiegt” etwa 7kb. Durchaus akzeptabel also. Und das sind die Features, die man auch auf seiner Demo-Seite begutachten kann:
- Runde Ecken (war ja klar ;-)
- Schatten
- Glüh-Effekte
- Rahmen mit unterschiedlicher Stärke
- Anti-Aliasing
- Echte Transparenz
