Homer Simpson only made by CSS

psd zu html | codingpeople - webdesign trifft html - 20% Rabatt für alle Neukunden

Homer Simpson made by CSSDas CSS nicht nur zum Gestalten von Webseiten, sondern auch zur Erstellung von Abbildungen gut ist, zeigt Román Cortés. Denn er hat Homer Simpson nicht als Grafik umgesetzt, sondern ausschließlich mit absolut positionierten Buchstaben und Zeichen via CSS. Eine 8 hier, ein Punkt dort, eine geöffnete Klammer hier und eine schließende Klammer an anderer Stelle. Das eine ist ein Teil des Auges, dass andere ist ein Teil seiner doch recht übersichtlich gewordenen Haare. Diese von der Schriftart Verdana dargestellten Zeichen sind aufgrund relativer Angaben zudem noch skalierbar. Auch wenn sich über Sinn und Unsinn einer solchen Fleißarbeit streiten lässt, sie verdient es Erwähnung zu finden, ohne wenn und aber!

Ein kleiner Test via firebug, lässt bei den Augen von Homer und dem Verändern des dort verwendeten Zeichens mit einer Null und einer entsprechenden Größenanpassung, der Eindruck erwecken das er in Moe's Taverne mal wieder zu tief ins Glas geschaut hat ;o) Gleiches hat Román im übrigen auch mit George Bush getan, aber man muss halt Prioritäten setzen wessen Erwähnung einem wichtiger erscheint.

Update: In einem weiteren Artikel seines Blogs verweist Román auf einen Anwendung mit der es möglich ist, Bilder im JPG-Format in reines CSS umzuwandeln. Man sollte beachten, dass die Umsetzung vor allem bei Bildern mit deutlichen Konturen am besten funktionieren. Ideal ist hierfür eine schwarz-weiß Abbildung. Wie die Anwendung funktioniert, zeigt das kleine Video mit Che Guevara (siehe "Recommended Video").

Billomat - Rechnungen Online versenden

  1. webpixelkonsum
    03 Mai 2008, 12:11

    Diesen Satz schließe ich mich vollkommen an: "Auch wenn sich über Sinn und Unsinn einer solchen Fleißarbeit streiten lässt, sie verdient es Erwähnung zu finden, ohne wenn und aber!". Es geht um die Möglichkeiten und dafür bekommt er meinen Respekt. Verneigung.

    Ralph


Artikel kommentieren





XHTML ist erlaubt und ausdrücklich erwünscht, wobei folgende Tags eingesetzt werden können: <a href="" title=""> <abbr title=""> <b> <cite> <code> <em> <i> <strike> <strong>

E-Mail-Abo: Bleiben Sie auf dem Laufenden und Abonnieren Sie den Webstandard-Blog ganz unkompliziert via Feedburner per E-Mai!


authimage