Apr 28
Formulare erstellen gehört wohl zu den gehasstesten Tätigkeiten eines Webentwicklers. Zumindest ist das bei mir so. Das Leid ein wenig lindern soll nun die Formular-Vorlage Uni-Form. Diese basiert auf sauberem XHTML/CSS-Code und benutzt ein wenig JavaScript von jQuery.

Damit lassen sich nun auch komplexere Formulare relativ schnell und einfach realisieren.
Uni-Form is an attempt to standardize form markup (xhtml) und css, “modularize” it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.
In Zukunft muss auch nicht mehr so stark darauf geachtet werden, dass die Formulare in allen Browsern einigermaßen vernünftig aussehen und bedient werden können. Denn Uni-Form wird von allen bekannten Browsern unterstützt, darunter befindet sich der Internet Explorer, Firefox, Safari, Opera und Konqueror.
Die Vorlage ist sehr Modular aufgebaut und ein Formular wird mittels Baukastenprinzip zusammengebastelt. Hier ein paar CSS-Klassen, da ein wenig “Copy and Past” und zum Schluss noch ein bisschen Code. Das Formular an sich kann größtenteils mittels Codeschnipseln (die dort Units genannt werden) mehr oder weniger stark zusammenkopiert werden.
Dank Uni-Form lässt sich nun bei der Entwicklung eine Menge Zeit sparen und der Fun-Faktor der Arbeit wird weiter erhöht.
Für Uni-Form gibt es auch eine Community-Website mit einer ausführlichen Dokumentation, einem Forum zum Erfahrungsaustausch und einer Demo.
Website: http://dnevnikeklektika.com/uni-form/
Apr 24
Vergleich: CSS in E-Mail-Anwendungen: Für alle die hin und wieder HTML-E-Mails mit CSS entwerfen sicherlich sehr interessant: David Greiner hat im CampaignMonitor Blog einen Artikel über die Unterstützung von CSS in diversen E-Mail-Anwendung veröffentlicht. Mit dabei sind sowohl Desktop-Applikationen wie auch Online-Anwendungen.
Apr 04
Runde Ecke im Webdesign: Um abgerundete Ecken auf Websites zu verwenden gibt es verschiedene Methoden. Die einen setzen ganz auf CSS und andere bedienen sich auch mit JavaScript oder kleinen Grafiken. Auch Kombinationen sind möglich. In dem Beitrag “CSS Rounded Corners ‘Roundup’” hat Christian Watson die verschiedenen Methoden zu einer umfangreichen Sammlung zum Thema Rounded Corners zusammengetragen. Via ContentSchmiede.
Apr 02
Fix für den IE Italics-Bug: Einen ganz einfachen Fix für den Italics-Bug im IE 5.x und IE 6 hat Dirk Jesse gefunden.
Nov 07
Formulare, Formulare: Wie man HTML-Formlare gutaussehend, barrierefrei und standardkonform gestalten kann, zeigt eine Sammlung im Dr. Web Weblog.
Jul 30
HTML and CSS Table Border Style Wizard: Dieses Tool verdeutlicht die Auswirkungen von diversen CSS-Parametern auf Tabellen. Farben, Abstände, Rahmen und Stile in einer Live-Vorschau. Auch wenn die meisten alles im Kopf haben und sich dort die Änderungen vorstellen, geht es so manchmal leichter.
Feb 17
CSS Layout Generator: Mit dem “CSS Source Ordered Variable Border 1-3 Columned Page Maker” erstellt fertigen CSS-Quellcode. Wie das Layout aussehen soll, kann man mit einer Reihe von Konfigurationsmöglichkeiten bestimmen.