kaffeeringe.de

Gut aussehen mit JavaScript

Es gab mal eine Zeit, da war JavaScript wirklich überflüssig. Die Leute haben damit die Framesets um ihre Content-Seiten nachgeladen und die aktuelle Uhrzeit auf ihren Seiten angezeigt. (Die Bild-Zeitung macht das übrigens immer noch) Neben dem ganzen AJAX-Bereich, gibt es inzwischen einige nette, optische Spielereien, die danach schreien irgendwo verwendet zu werden.Nifty Corners ist die erste von vier JavaScript Bibliotheken, die hier vorgestellt werden sollten und ist eventuell auch die bekannteste. Nifty Corners verziert beliebige DIV-Elemente mit runden Ecken und kann so konfiguriert werden, dass je nach Element nur an bestimmten Ecken Rundungen angezeigt werden, und es kann die Art der Rundungen gewählt werden. Das Script funktioniert im IE5.5, IE6 und IE7, Opera 8.5, Firefox 1.5 und Safari 2.0.

Niceforms 1.0 bringt Formulare in Form. So langweilig normale HTML-Formulare in den Windows-Browsern aussehen, so gut sehen sie dank Nice-Forms aus (Beispiel). NiceForms funktioniert im Firefox, IE6+, Safari und Opera.

Reflection funktioniert im Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ und Safari und zaubert tolle Reflexionen unter Bilder.

Die letzte Bibliothek ist corner.js und ist nur teilweise zu empfehlen. Im Mozilla Firefox 1.5+, Opera 9+ und im Safari werden zu Bildern nette abgerundete Ecken und Schatten angezeigt – im Internet Explorer leider nicht. Aber corner.js ist immerhin erst Version 1.0 – da wird sich sicher noch einiges tun.

Und das Beste an all diesen Bibliotheken ist, dass die Seiten weiterhin funktionieren, selbst wenn JavaScript deaktiviert ist – was zur Zeit aber nur bei ca. 5% der Benutzer der Fall ist.

Links:
Corner.js 1.0
Reflection
Niceforms 1.0
Nifty Corners

Kommentare

Christian Effenberger

IE unterstützt das canvas Tag noch nicht.
Es existiert aber ein open source Projekt
namens „excanvas“. Die canvas emulation im Internet Explorer wird dadurch mittels VML erreicht.

Um corner.js auch auf dem IE zur Ausgabe zu bewegen könnte also nachfolgendes funktionieren:

Download < http://excanvas.sourceforge.net„/>

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Möchtest Du benachrichtigt werden, wenn Dir hier jemand antwortet?