What a wonderful Word

Nerd Alert: Spaßiges in CSS

vergrößern
Cssfun 01
DESKTOP: Klick aufs Bild zeigt größere Version

Auch Programmierer haben ihren Spaß

Veröffentlicht am 20. Februar 2015 von Roman

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 ...

Auch interessant

Lesen
Mt maskingtape suite turm

23
Mai 12

Making is fun. Mit mt-Masking Tape


Vor kurzem sind wir auf diese bunten Klebebänder aufmerksam geworden. In einem kleinen Geschäft in der Kirchengasse gibt es ein kleines Sortiment dieser Klebebänder, die vielseitig einsetzbar sind ...

weiterlesen →
Lesen
2010 s44logo 01

25
Jul 10

Simply4Friends Redesign


Seit rund 18 Monaten arbeite ich nun schon an einem neuen Look für s44.at. Ein paar der Entwicklungen sind in das laufende Erscheinungsbild des bestehenden Blogs mit eingeflossen (so haben wir zum ...

2 Kommentar(e) | weiterlesen →
Lesen
2004 che 01

22
Okt 04

Che, der Unsterbliche


Der Traum der Devotionalienhändler wird wieder Filmstar. Höchste Zeit, das CHE-GUEVARA-Merchandising zu durchforsten und mit ein paar Mythen aufzuräumen

weiterlesen →

In einer verkehrten Welt

vergrößern
2012 leben verkehrt
DESKTOP: Klick aufs Bild zeigt größere Version

Stellen wir uns das mal so vor: Wie würde unser Leben ablaufen, wenn wir es auf den Kopf stellen? Donald Sutherland hat das mal so in etwa auf den Punkt gebracht ...

Mein nächstes Leben möchte ich rückwärts leben. Man fängt an, indem man stirbt. Das schlimmste hat man dann schon mal hinter sich. Plötzlich wacht man in einem Altersheim auf und fühlt sich von Tag zu Tag besser.

Irgendwann wird man rausgeschmissen weil man einfach zu gesund ist. Man fängt an die Rente zu sparen und eines Tages geht man zu seinem ersten Arbeitstag. Dieser beginnt gleich mit einer riesen Party und einer goldenen Uhr, die man geschenkt bekommt. Nun arbeitet man die nächsten 40 Jahre bis man jung genug ist, um den Ruhestand zu genießen.

Man feiert, trinkt Alkohol und wechselt ständig den Partner. Dann ist man bereit für das Gymnasium. Und schließlich für die Grundschule. Man wird zu einem Kind. Zu einem spielenden Kind. Man hat keinerlei Verantwortung.

Irgendwann ist man ein Säugling und wird schließlich geboren. Die letzten 9 Monate des Lebens verbringt man schwimmend in einem luxuriösen, perfekt klimatisierten und von Tag zu Tag größer werdenden Wellness-Apartment, mit einem hervorragenden Zimmerservice. Dann ist es plötzlich soweit: Man beendet das Leben als Orgasmus!

Auch interessant

Lesen
2008 savewater 01 thumb

30
Aug 08

Save water. Drink only Vodka


Wer kurzerhand mal die indische Initiative 'Save Water' checkt, kann was Gutes tun und gleichzeitig dabei auch noch Spaß haben - vorausgesetzt es mangelt nicht am nötigen Kleingeld. Eine höchst ...

weiterlesen →
Lesen
Veuve clicquot champagner label

26
Jul 04

Darlin’ we need some drink here!


Haben wollen - das wär was - so ein Kühlschrank gehört in jeden Haushalt - zumindest in die, wo wir auch ab und zu eingeladen sind! Edina und Patsy (Stone!) haben als Überbleibsel der 70er Jahre ...

weiterlesen →
Lesen
Bettywhite 01

18
Jän 12

Betty White ist 90


Das letzte noch lebende Golden Girl – Estelle Getty (Sophia) starb 2008, Bea Arthur (Dorothy) 2009 und Rue McClanahan (Blanche) 2010 – scheint fitter als je zuvor. Mit viel Elan und Selbstironie ...

3 Kommentar(e) | weiterlesen →

Wir lieben unsere Schieferwand

vergrößern
Schieferwand-weinspruch-small
DESKTOP: Klick aufs Bild zeigt größere Version

Auf unserer Schieferwand kommen immer wieder Sprüche, Bilder, Rezepte, Sinnvolles und weniger Sinnvolles mit Kreide. Hier haben sich schon ganz viele Leute verewigt. Nach einer Zeit wird alles wieder gelöscht und die Wand wird neu gestaltet. Diesmal mit unserem Lieblingsspruch. Danke an Julia (unsere Nichte) die mit bei der Verschönerung der Schiefertafelwand diesmal geholfen hat. Im Video seht ihr das Making of ...

Auch interessant

Lesen
Goodforyou 003

03
Dez 10

Gut für mich seit 22 Jahren


Wer den Gute Laune-Song auch in Bildern haben will, sollte das Video nur rund zu 3/4tel betrachten. Schöne heile Welt. Doch die Wirklichkeit sieht leider oft anders aus. Unsereins kann zum Glück ...

weiterlesen →
Lesen
Feines aus RoRis Kitch'n

10
Jun 12

Alles Feine hier an einer Stelle


Unsere Webseite gibt es ja schon sehr lange - und mit dem Aufkommen der Blogs haben wir sie auch schon vor vielen Jahren auf diese nette Technologie umgestellt. So wurde aus der einst statischen ...

2 Kommentar(e) | weiterlesen →
Lesen
2008 03 15 dinner

15
Mär 08

Dinner 4 Friends


Video unten anklicken, um die Menüabfolge des Abends zu sehen!Schon länger her, dass wir liebe Freunde bei uns zum Essen eingeladen haben. Seit wir im letzten Jahr beschlossen hatten, dass wir mehr ...

weiterlesen →

Dem kann man nichts hinzufügen

Auch interessant

Lesen
Postercard Quark White

20
Jul 12

Muss ja mal gesagt werden


Und so recht hatte er, der liebe Goethe. Warum regen sich denn alle immer so auf? Cheers ...

weiterlesen →
Lesen
Postercard Moments

03
Apr 12

Schön ist beides - wichtiger sind aber die Moments


Wer vor der Wahl steht sollte sich für die schönen Momente entscheiden.

weiterlesen →
Lesen
Postercard EatMore

12
Jul 12

Ein guter Diätvorsatz ...


... gäbe es da nicht soviele Dinge, die uns kulinarisch glücklich machten.

weiterlesen →

So fühlt sich Urlaub an

Auch interessant

Lesen
Postercard EatMore

12
Jul 12

Ein guter Diätvorsatz ...


... gäbe es da nicht soviele Dinge, die uns kulinarisch glücklich machten.

weiterlesen →
Lesen
Postercard Quark White

20
Jul 12

Muss ja mal gesagt werden


Und so recht hatte er, der liebe Goethe. Warum regen sich denn alle immer so auf? Cheers ...

weiterlesen →
Lesen
Postercard Moments

03
Apr 12

Schön ist beides - wichtiger sind aber die Moments


Wer vor der Wahl steht sollte sich für die schönen Momente entscheiden.

weiterlesen →

Kontakt & Impressum

Anschrift:

Roman Sindelar, Strozzigasse 4/22, 1080 Wien, hello@s44.at

Haftungsausschluss:

1. Inhalt des Onlineangebotes: Der Autor übernimmt keinerlei Gewähr für die Aktualität, Korrektheit, Vollständigkeit oder Qualität der bereitgestellten Informationen. Haftungsansprüche gegen den Autor, welche sich auf Schäden materieller oder ideeller Art beziehen, die durch die Nutzung oder Nichtnutzung der dargebotenen Informationen bzw. durch die Nutzung fehlerhafter und unvollständiger Informationen verursacht wurden, sind grundsätzlich ausgeschlossen, sofern seitens des Autors kein nachweislich vorsätzliches oder grob fahrlässiges Verschulden vorliegt. Alle Angebote sind freibleibend und unverbindlich. Der Autor behält es sich ausdrücklich vor, Teile der Seiten oder das gesamte Angebot ohne gesonderte Ankündigung zu verändern, zu ergänzen, zu löschen oder die Veröffentlichung zeitweise oder endgültig einzustellen.

2. Verweise und Links: Bei direkten oder indirekten Verweisen auf fremde Internetseiten (Links), die außerhalb des Verantwortungsbereiches des Autors liegen, würde eine Haftungsverpflichtung ausschließlich in dem Fall in Kraft treten, in dem der Autor von den Inhalten Kenntnis hat und es ihm technisch möglich und zumutbar wäre, die Nutzung im Falle rechtswidriger Inhalte zu verhindern. Der Autor erklärt hiermit ausdrücklich, dass zum Zeitpunkt der Linksetzung keine illegalen Inhalte auf den zu verlinkenden Seiten erkennbar waren. Auf die aktuelle und zukünftige Gestaltung, die Inhalte oder die Urheberschaft der gelinkten/verknüpften Seiten hat der Autor keinerlei Einfluss. Deshalb distanziert er sich hiermit ausdrücklich von allen Inhalten aller gelinkten/verknüpften Seiten, die nach der Linksetzung verändert wurden. Diese Feststellung gilt für alle innerhalb des eigenen Internetangebotes gesetzten Links und Verweise sowie für Fremdeinträge in vom Autor eingerichteten Gästebüchern, Diskussionsforen und Mailinglisten. Für illegale, fehlerhafte oder unvollständige Inhalte und insbesondere für Schäden, die aus der Nutzung oder Nichtnutzung solcherart dargebotener Informationen entstehen, haftet allein der Anbieter der Seite, auf welche verwiesen wurde, nicht derjenige, der über Links auf die jeweilige Veröffentlichung lediglich verweist.

3. Urheber- und Kennzeichenrecht: Der Autor ist bestrebt, in allen Publikationen die Urheberrechte der verwendeten Grafiken, Tondokumente, Videosequenzen und Texte zu beachten, von ihm selbst erstellte Grafiken, Tondokumente, Videosequenzen und Texte zu nutzen oder auf lizenzfreie Grafiken, Tondokumente, Videosequenzen und Texte zurückzugreifen. Alle innerhalb des Internetangebotes genannten und ggf. durch Dritte geschützten Marken- und Warenzeichen unterliegen uneingeschränkt den Bestimmungen des jeweils gültigen Kennzeichenrechts und den Besitzrechten der jeweiligen eingetragenen Eigentümer. Allein aufgrund der bloßen Nennung ist nicht der Schluss zu ziehen, dass Markenzeichen nicht durch Rechte Dritter geschützt sind! Das Copyright für veröffentlichte, vom Autor selbst erstellte Objekte bleibt allein beim Autor der Seiten. Eine Vervielfältigung oder Verwendung solcher Grafiken, Tondokumente, Videosequenzen und Texte in anderen elektronischen oder gedruckten Publikationen ist ohne ausdrückliche Zustimmung des Autors nicht gestattet.

4. Datenschutz: Sofern innerhalb des Internetangebotes die Möglichkeit zur Eingabe persönlicher oder geschäftlicher Daten (E-Mail-Adressen, Namen, Anschriften) besteht, so erfolgt die Preisgabe dieser Daten seitens des Nutzers auf ausdrücklich freiwilliger Basis. Die Inanspruchnahme und Bezahlung aller angebotenen Dienste ist – soweit technisch möglich und zumutbar – auch ohne Angabe solcher Daten bzw. unter Angabe anonymisierter Daten oder eines Pseudonyms gestattet. Die Nutzung der im Rahmen des Impressums oder vergleichbarer Angaben veröffentlichten Kontaktdaten wie Postanschriften, Telefon- und Faxnummern sowie E-Mail-Adressen durch Dritte zur Übersendung von nicht ausdrücklich angeforderten Informationen ist nicht gestattet. Rechtliche Schritte gegen die Versender von so genannten Spam-Mails bei Verstößen gegen dieses Verbot sind ausdrücklich vorbehalten.

5. Rechtswirksamkeit dieses Haftungsausschlusses: Dieser Haftungsausschluss ist als Teil des Internetangebotes zu betrachten, von dem aus auf diese Seite verwiesen wurde. Sofern Teile oder einzelne Formulierungen dieses Textes der geltenden Rechtslage nicht, nicht mehr oder nicht vollständig entsprechen sollten, bleiben die übrigen Teile des Dokumentes in ihrem Inhalt und ihrer Gültigkeit davon unberührt.

6. Google Analytics: Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. (»Google«) Google Analytics verwendet sog.»Cookies«, Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglicht. Die durch den Cookie erzeugten Informationen über Ihre Benutzung diese Website (einschließlich Ihrer IP-Adresse) wird an einen Server von Google in den USA übertragen und dort gespeichert. Google wird diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten für die Websitebetreiber zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen zu erbringen. Auch wird Google diese Informationen gegebenenfalls an Dritte übertragen, sofern dies gesetzlich vorgeschrieben oder soweit Dritte diese Daten im Auftrag von Google verarbeiten. Google wird in keinem Fall Ihre IP-Adresse mit anderen Daten der Google in Verbindung bringen. Sie können die Installation der Cookies durch eine entsprechende Einstellung Ihrer Browser Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website voll umfänglich nutzen können. Durch die Nutzung dieser Website erklären Sie sich mit der Bearbeitung der über Sie erhobenen Daten durch Google in der zuvor beschriebenen Art und Weise und zu dem zuvor benannten Zweck einverstanden.