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. February 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
May 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
2008 onlinegod 01

20
May 08

Oh my Online God


War im Grunde schon lange fällig: die Glaubensplattform für die neue digitale Generation. Auf Dear-God.net kann man jetzt all seine Sünden und Bekenntnisse online los werden. In unterschiedlichen ...

weiterlesen →
Lesen
Wordpress-logo-hoz-rgb

10
Sep 04

To Blog or not to Blog?


Über die Revolution reden wir gleich. Erst mal gilt: Dank neuer Blogs verursacht Internetpornografie kein schlechtes Gewissen mehr - endlich Entspannung!

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
Pull-bear-ss12-16

20
Mar 12

Youth


Schon seit einiger Zeit beobachte ich das neue Label PULL & BEAR. Nun ist die aktuelle Sommerkampagne on air und sie findet wieder eine neue Nische im Bekleidungsmarkt. Wen wundert es, dass dahinter ...

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
Postercard Smile White

14
Jul 12

Lach, und die Welt lacht mit dir.


Weine, und du schläfst alleine.

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
2008 03 15 dinner

15
Mar 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 →
Lesen
Stempel-simply4friends

28
Jan 12

Join Simply4friends


Unser Blog wächst und gedeiht. Und das schon mit weit über 15 Jahre Erfahrung im Netz. Als unter dem Begriff Homepage noch kaum für 'Private' ein Ort im Internet geschaffen wurde, sondern das Netz ...

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 →

Dem kann man nichts hinzufügen

Auch interessant

Lesen
Postercard KeepCalm

15
Jun 12

Wenn Probleme ganz einfach ...


draußen bleiben. Denn am Tisch haben nur nette Gäste und gute Stimmung Platz. Bon Appetit!

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 →
Lesen
Postercard Smile White

14
Jul 12

Lach, und die Welt lacht mit dir.


Weine, und du schläfst alleine.

weiterlesen →

So fühlt sich Urlaub an

Auch interessant

Lesen
2006 rose 01

07
Aug 06

Santé Rosé


Pink ist das Dunkelblau Indiens - meinte schon die legendäre Modepäpstin Diana Vreeland über die Vorliebe der Inderinnen. Warum lieben wir den 'Pink Panther', warum nennt sich ein Popstar 'Pink', ...

weiterlesen →
Lesen
Postercard KeepCalm

15
Jun 12

Wenn Probleme ganz einfach ...


draußen bleiben. Denn am Tisch haben nur nette Gäste und gute Stimmung Platz. Bon Appetit!

weiterlesen →
Lesen
Postercard Smile White

14
Jul 12

Lach, und die Welt lacht mit dir.


Weine, und du schläfst alleine.

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.