Archiv der ‘CSS’ Kategorien
CSS Tutorial
Das Problem ist sicherlich weithin bekannt, Dateiauswahlfelder / File selects in XHTML Formularen lassen sich nicht komplett mit CSS gestalten.
Ich habe ein kleines Tutorial geschrieben, das erklärt wie man dieses immer wieder ärgerliche Problem umgeht.
Link: http://www.ajax-info.de/dateiauswahlfelder-mit-css-gestalten
IE8 - der Browser mit den 3 Gesichtern
Gestern stand es im IE Blog zu lesen:
Internet Explorer 8 wird nicht einen, nicht zwei, sondern drei Rendermodi besitzen:
- Quirks Mode
- Standards Mode
- “Super” Standards Mode
Der Quirks Mode soll das Verhalten von IE6 beibehalten und so für Abwärtskompatibilität sorgen.
Der Standards Mode soll dem Standards Mode von IE7 entsprechen (Wow!).
Die Umschaltung zwischen Quirks und Standards Mode erfolgt nach wie vor über die DOCTYPE Deklaration, bzw. deren Vorhandensein.
Iphone Basis Skin
Joe Hewitt veröffentlicht einen Iphone basis Skin, den man als Basis für Chick aussehende Web Anwendungen im Iphone nutzen kann.
Ein Beispiel hier: http://joehewitt.com/files/iphone/navigation.html
Alle benötitgten Files lassen sich hier herunterladen: http://joehewitt.com/files/iphone/
Die Hauptarbeiten leisten hierbei iphonenav.js für die Funktionalität und iphonenav.css für den Style.
Web Tools für Entwickler
Hier eine kleine Liste nützlicher Tools für Webentwickler:
Validatoren
Javascript
Artikel zu Behaviour
Nach längerem mal wieder ein Post hier 
Beim Entwicklermagazin iX gibt es einen recht guten Artikel über Behaviour.
Behaviour ist ein eleganter Weg, den HTML Code von Ajax Seiten Scriptfrei zu halten.
Man kann JS Funktionen in CSS Klassen “verpacken”, und spart sich so den Aufruf per MouseEventhandler.
Fisheye Effekt mit CSS
Paul Armstrong hat in seinem Blog einen Post veröffentlicht, in dem er ein kleines CSS Snippet vorstellt, das es ermöglicht einen “Fisheye” Effekt in HTML Listen zu implementieren.
Dieser Effekt ist bekannt zb von der KDE Oberfläche unter Linux.
Es wird nicht nur der aktuell gehooverte Link vergrössert sondern auch noch, abgestuft, die darauf folgenden Listeneinträge.
Lightbox JS für Dialogfenster
Chris Campbell hat in seinem Blog ein ausführliches Tutorial veröffentlicht, dass eine neue Implementierung der Lightbox Bibliothek nutzt um komplette Dialogfenster zu öffnen.
Diese Dialogfenster können dann asynchron mit Inhalt befüllt werden.
Chris nennt seine Implementierung “Lightbox gone wild” - da er die Effektbibliothek Moo.Fx nutzt um das ganze optisch sehr viel ansehnlicher zu gestalten als dies bisher mit Lightbox möglich war.
Abgerundete Kanten mit Nifty Corners
Unter dem Namen “Nifty Corners” stellt Allesandro Fulciniti auf seiner Homepage ein ausführliches Tutorial bereit, wie man abgerundete Kanten erstellt.
Der besondere Clou ist, das in dem Tutorial nur mit CSS und Javascript gearbeitet wird um den Rune Kanten Effekt zu erzielen.
Es werden keine Overlays mit Grafiken oder ähnliches verwendet.