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
2010 weloveapple 01

14
Mai 10

We ♥ Apple


Der Streit zwischen Apple und Adobe über die Zukunft von bewegten Inhalten im Netz und auf mobilen Devices nimmt immer kuriosere Züge an. So ist man in der Kreativabteilung bei Adobe auch diese ...

weiterlesen →
Lesen
2008 onlinegod 01

20
Mai 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
moustaches-make-a-difference-guevara

14
Jän 11

Bärte machen den Unterschied


Die Spendenkampagne zur Aufklärung bei Prostatakrebs ist zwar vielleicht ein wenig am Thema vorbei geschossen, aber die Beispiele sind sehr witzig. Spannend, wie der Bart das Gesicht verändert. Ob ...

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

14
Jul 12

Lach, und die Welt lacht mit dir.


Weine, und du schläfst alleine.

weiterlesen →
Lesen
Pull-bear-ss12-16

20
Mär 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
5125 keepcalm vectorization vm

15
Mär 12

Ein Spruch mit Geschichte


Wer kennt sie nicht? Die Poster mit dem klaren und schönen Design, in vielen Farben und einer Menge Abwandlungen. Kaum ein Designershop kommt ohne ein Accessory mit diesem Spruch aus. Sei es als ...

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
Postercard EatMore

12
Jul 12

Ein guter Diätvorsatz ...


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

weiterlesen →
Lesen
2008 ralfkoenig 01 thumb

18
Mai 08

RoRi by Ralf König


Zu unserem Geburtstag haben sich ein paar liebe Freunde eine ganz besondere Überraschung einfallen lassen. Sie kontaktierten Ralf König und ließen für uns beide eine Zeichnung vom ihm anfertigen ...

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 EatMore

12
Jul 12

Ein guter Diätvorsatz ...


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

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
Card drinkchampagne grey

03
Aug 12

So fühlt sich Urlaub an


... oder jeder andere x-beliebige Tag. Sollte er zumindest!

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
2008 grande dame 04

11
Sep 08

Die Veuve Cliquot Cruise Collection


In Zusammenarbeit mit dem legendären Bootsbauer Riva entstand ein Luxuskoffer mit noch luxuriöserem Inhalt, den Jahrgangs-Champagner Grand Dame, und damit eine überaus edle 'Verpackung' für ...

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.