PHP Blogger

Runde Ecken mit CSS

28. März 2007 um 10:03 · Gehört zu Best-Of, CSS, Framework, Javascript

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.

Den kompletten Artikel lesen »

Kommentare (4)

Parallele Hintergründe

23. März 2007 um 16:37 · Gehört zu Ajax, CSS, Javascript

Du weißt was Geschwindigkeit ist? Du weißt, wie sie auf entfernte und nahe Objekte wirkt? Okay, dann brauchst Du nicht auf der Autobahn aus dem Fenster rechts von Dir schauen ;-)

Eine Kombination aus Javascript und CSS macht das Erlebnis jetzt im Browser möglich: es legt zwei Hintergründe übereinander und lässt sie beim Scrollen unterschiedlich schnell bewegen. Was entsteht, ist ein realistischer Bewegungseffekt: http://inner.geek.nz/javascript/parallax/

Kommentare