Homer Simpson komplett durch CSS dargestellt


05 05 2008
Erinnert sich noch jemand an die ganzen tollen ASCII-Art-Bildchen? Das waren diese aus Zeichen zusammengesetzte Bildchen. Diese Ascii-Bildchen gab es in allen möglichen Variationen. Eines von Homer Simpson sah zum Beispiel folgendermaßen aus:

Homer Simpson sabbernd als ASCII-Art Bildchen Und ganz im Sinne von alles neu, alles toll, alles Web 2.0 und so weiter, hat ein Grafiker namens Romàn Cortès mit Hilfe von CSS, Bilder verschiedener Charaktere erstellt. Zum einen von Amerikas scheidendem Präsidenten George Double-U Bush oder eben auch von Homer Simpson. Schon ziemlich abgefahren was man rein mit CSS machen kann - wenn der Browser CSS richtig interpretiert. Daher habe ich das Bild mal unter Linux (Open SuSE) und mal unter Windows XP mit verschiedenen Browsern (Firefox, Internet Explorer, Konqueror und Opera) getestet. Was dabei raus gekommen ist, sieht man weiter unten.

Hier erst mal alle von mir getesteten Browser in einem Screenshot als animiertes Bild zusammengefasst:

Homer Simpson in CSS dargestellt in verschiedenen Browsern und auf verschiedenen Betriebssystemen (Linux, WinXP)


Hier nochmal alle Bilder einzeln (drauf klicken zum Vergrößern):

So sieht der CSS-Homer Simpson unter Linux aus:



1. Firefox 2 (Linux)

Homer Simpson in CSS dargestellt im Firefox 2 unter Linux


2. Konqueror (Linux)

Homer Simpson in CSS dargestellt im Konqueror unter Linux


3. Opera 9 (Linux)

Homer Simpson in CSS dargestellt im Opera 9 unter Linux


So sieht der CSS-Homer Simpson unter Windows XP aus:



1. Firefox (Windows XP)

Homer Simpson in CSS dargestellt im Firefox 2 unter Windows XP



2. Internet Explorer 7 (Windows XP)


Homer Simpson in CSS dargestellt im Internet Explorer 7 unter Windows XP


Was mich etwas wundert ist allerdings die Tatsache das Opera unter Linux so bescheiden arbeitet?! Bisher war Opera doch immer durch eine hervorragende CSS-Unterstützung aufgefallen?

Gefunden bei: Slashdot



Trackbacks



Kommentare

Ansicht der Kommentare: (Linear | Verschachtelt)

Noch keine Kommentare

Kommentar schreiben




Umschließende Sterne heben ein Wort hervor (*wort*), per _wort_ kann ein Wort unterstrichen werden.
Standard-Text Smilies wie :-) und ;-) werden zu Bildern konvertiert.

Um maschinelle und automatische Übertragung von Spamkommentaren zu verhindern, bitte die Zeichenfolge im dargestellten Bild in der Eingabemaske eintragen. Nur wenn die Zeichenfolge richtig eingegeben wurde, kann der Kommentar angenommen werden. Bitte beachten Sie, dass Ihr Browser Cookies unterstützen muss um dieses Verfahren anzuwenden.
CAPTCHA