Nerd Alert: Spaßiges in CSS

Was zum Kuckuck nocheinmal ist CSS? Und was soll und das sagen? CSS ist eine Art Programmiersprache, mit der so quasi alle Webseiten heute dargestellt werden. Hier trennt man in der Regel zwischen dem Inhalt (Text, Bilder, Links), dem eigentlichen Programmcode (meist HTML) und der Art und Weise, wie dass dann dargestellt wird. Letzteres nennt man CSS und hat zum Vorteil, dass man, wenn man etwas optisch anpassen oder auffrischen will – so wie wir das vor kurzem mit unserer Webseite gemacht haben – im Grunde 'nur' diesen Code ändern muss. Hier werden die Farben definiert, wo etwas positioniert ist, wir groß es ist, einen Rand hat - oder nicht, ...

Pro Element wird so etwas dann definiert – und das nennt man dann Klasse. Und so ist die Überschrift eine Klasse (.headline), ein Textfeld (.copy), ein Bild (.bild-mit-rahmen), ...usw. Hinter dem eigentlichen Namen kommen dann in geschwungenen Klammern die Darstellungseigenschaften - also ob die Schrift bold (fett), plain (normal) oder kursiv (italic) ist, der Textblock einen Rahmen (border) hat und vieles mehr. Genau aus dieser Kombination ergibt sich dann auch mit etwas Kreativität ein lustiger Konnex - wie in den Bildern dargestellt. Wer sich in CSS so halbwegs auskennt, kann die Witze sofort erkennen - aber auch andere sollten sich da etwas zusammen reimen können. Minimal Storytelling im Programmiercode sozusagen. Ich zumindest (der Nerd in mir) findet das schon sehr lustig.

Noch mehr Beispiele gibt es hier zu entdecken ...