When listening to Boagworld's podcast some weeks ago I heard about the Fancy Form Design book from SitePoint. Since Paul Boag recommended it I thought, well, give it a try. And yes, I think it's a nice book, indeed. I like it because it gives the reader new ideas on how to design and implement modern forms.

So being inspired after reading the book I looked at my own "Your comment" form and thought: "OMG! WTF?" I have to admit I never really spent much time on designing and implementing the form. But after reading the book I though it was about time to give my comment form a little bit of love. During the process of revamping the form I also digged deeper into the world of jQuery which is a good thing imho. I even wrote my first little plugin that handles an example value on form fields like this:

$("#id_author").fancyField({sampleValue: "Joe Cool"});

It will automatically setup everything like registering for focus() and blur() and even registering on the enclosing form tag for the submit event. Anyway, have a look at the form for yourself to get the idea :)

At work I faced a rather tricky problem: on a form with a row of multiple submit buttons (they call it a button row) the rightmost one has to be the default button. So if, for example, you have the buttons a | b | c then button c must respond to enter. With the help of jQuery this would have been easy. Unfortunately, though, the customer wants the form to work properly without any use of JavaScript.

Da sitze ich also in der Arbeit an einem Windows XP System, starte den IE6, gehe auf meine Webseite und ... falle vom Stuhl. Denn was der IE6 mit meiner Webseite da anstellt, schaut definitiv nicht so aus, wie ich mit das vorstellt hatte ...

Leider gibt es immer noch sehr viele IE6 Anwender da draußen. Oftmals bleibt den Anwendern auch gar nichts anderes übrig. So ist der IE6 beispielsweise bei der Allianz der Standard-Browser. Andere Browser dürfen (offiziell) nicht eingesetzt werden.
Glücklicherweise bin ich im Besitz von VMWare Fusion, so dass ich mir auf meinen Mac eine WinXP + IE6 Testumgebung aufsetzen konnte. Mit etwas Fluchen und Haare ausreißen habe ich dann das CSS für den IE6 "angepasst". Sobald ich wieder Internetzugang habe, werde ich die Patches einspielen ...

Seit geraumer Zeit geistern mir schon diverse Ideen für ein neues Design durch den Kopf. Letzte Nacht vor dem Einschlafen hatte ich nun ganz spontan ein recht klares Bild vor meinem geistigen Auge. Also habe ich mich heute an Photoshop gesetzt und versucht, diese Idee umzusetzen. Dabei kam folgender grober Entwurf heraus:

!/photos/8_Design-2006-08-08.png!

Bis zur Endversion ist es aber noch ein weiter Weg =)

Wer Beispiele für CSS-basierte Menüs benötigt, dem sei dieser Link empfohlen. Dort gibt es 71 Links mit Artikeln und Tutorials zum Thema Listen, Menüs, Navigation und Tabs. Da sollte eigentlich jeder fündig werden =)