FOUC — Not Fuck —

Der eine sagt bei seinem Anblick “Oh Fuck …” wer den Begriff FOUC kennt “Oh ein FOUC …”.

Doch was ist denn ein “FOUC”?

FOUC = Flash of unstyled Content

Hmm…, so wirklich anfangen kann man damit immernoch nix.

Ein Blitz des ungestylten Inhalts, zu sehen auf bluerobot.com?!

Wenn man über @import seine Stylesheets einbindet, dann blitzt kurz der unformatierte Inhalt der Seite auf, bevor der gesamte Inhalt formatiert geladen wird.

Die Lösung des Problems liegt damit schon auf der Hand.

Bindet man die Stylesheets mittels <link rel=”…”> ein, dann gibts auch keinen FOUC.

Formulare mit CSS gestalten

Formulare werden auch in puren CSS-Layouts bisher oft per Tabellen layoutet. Doch es ist auch per CSS sehr gut möglich, Formularelemente sinnvoll anzuordnen, wenn man seinen HTML-Code gut strukturiert.

Für dieses Beispiel nehmen wir uns ein einfaches Formular, wie es auf vielen Websites anzufinden ist. Nehmen wir an, es handelt sich um ein Newsletter-Formular mit Eingabefeldern für Name, eMail-Adresse und einer Dropdown-Box zum auswählen, ob man ein- oder eingetragen werden soll. Continue reading “Formulare mit CSS gestalten”