Formulare ausfüllen ist nicht nur typisch deutsch, wenn diese auch noch öde aussehen ist es richtig unattraktiv und man möchte am liebsten wegklicken.

Man kann diese Problem zwar nicht abschaffen. Der größte Teil der Kommunikation im Internet läuft nunmal über Formulare. Sei es ein Warenkorb, ein Webmailer, ein Beschwerdeformular oder ein Blogeintrag. Aber Formulare lassen sich zumindest optisch etwas ansprechender gestalten.

Teil 1 dieser Serie beschäftigt sich mit ansprechenden Select-Listen. 

"Formulare attraktiver gestalten, Teil 1: Select-Listen" vollständig lesen »

Oft ist es nicht erwünscht, dass der normale reine Text in einem HTML-Dokument steht. Es sind leider nur eine handvoll Schriften nutzbar, die mehr oder weniger gleich auf allen Systemen aussehen. Insbesondere betroffen sind Überschriften, die gestylt einfach schöner sind und sich besser ins Layout der Webite integrieren. Man könnte natürlich einfach ein Bild benutzen und statt dem Text einsetzen. Das ist allerdings semantisch nicht korrekt und geht auch gegen das Grundprinzip Layout und Inhalte einer Webseite zu trennen. Vorteile und Nachteile der CSS-Bildersetzungstechniken werden hier aufgelistet:

Vorteile und Nachteile von Bildersetzungstechniken in CSS

Vorteile

• grafische Gestaltung möglich (schöner?)
• besser ins Layout integrierbar
• andere Fonts ausser Arial, Verdana, Helvetica, Times, etc. möglich
• hebt sich von anderen Webseiten ab (individuelles Aussehen)

Nachteile

• aufwändiger in Erstellung und Wartung
• Skalierbarkeit geht verloren
• Text lässt sich im Browser nicht markieren
• nicht jede Technik ist maschinenlesbar (Screenreader/Bildschirmlesegeräte)
• eventuell Probleme mit Suchmaschinen (verborgener Text)

"Bildersetzungstechniken mit CSS" vollständig lesen »

Wenn man auf einen Link klickt erhält dieser den Focus. Der Focus wird durch einen dünn gepunkteten Rahmen um ein Element gekennzeichnet. Das ist besonders sinnvoll, wenn man ohne Maus mit der Tab-Taste der Tastatur die Links durchgehen möchte.

Optisch sind diese Rahmen nicht nett anzusehen. Wer demnach auf die Usability verzichten möchte, hat die Möglichkeit diese per JavaScript zu entfernen.

"gepunkteten Rahmen um Links entfernen" vollständig lesen »