Read this post in English

Tras el Homer CSS estaba buscando otro personaje gracioso para crear con el mismo método. ¿Quién podría ser más gracioso que Homer Simpson?

Al igual que Homer CSS, está comprobada su correcta visualización desde IE 5.5+, Opera 9, Safari 3 y Firefox 2+ para Windows. Necesita la fuente Verdana.

English

After creating Homer in CSS, I looked around for another funny character to create using the same method. But who could be funnier than Homer Simpson?

As with “Homer in CSS”, it has been tested in IE 5.5+, Opera 9, Safari 3 and Firefox 2+, for Windows and should work perfectly in all of those. It does require the Verdana font, so make sure you have that installed if it appears broken.

What’s so special about this picture anyways?

It is not an image in the normal sense, it was instead painstakingly created using CSS. CSS (cascade style sheets) is a language to define a website visual representation, but it is not intended to create images. Bush was created by placing hundreds of characters (numbers/letters/symbols) of different sizes and colors in specific positions on the page. Too easily see this, click somewhere in the middle of his face and slowly drag your mouse outward. You should see your mouse highlight some of the text!

Since this is an unusual and rather avant-garde method for displaying images, there are no tools and the process is hard, slow and complex to make it work well in different browsers.

So, why did I spent dozens of hours in such a pointless task?

…no comment.

Translated by Thomas Gilray.

Hoy toca humor; no todos mis posts van a ser serios como el del Homer en CSS.

Tras leer el artículo en La Frikipedia sobre los canis, mi mente fue inundada por la siguiente fórmula: Cani+Quijote=Canijote. Sin lugar a dudas, es lo que el mundo necesitaba; una traducción al idima cani de El Quijote.

Pensado y hecho. Os dejo un pequeño extracto del comienzo del eBook:

“illo, eN 1 lugar d la maNtxA, d Kuyo nOmVRE N kiero AkOrdaRme, n ha mutxo TIeMPo kE ViviA 1 hiDalgo D los D lanza en AStiYEro, aDargA antigUa, roZiN fLAko i gALgo korrEDor. una OyA D AlgO + vaKa Ke KarneRo, salpikon las + notXEs, DuelOs I kEvRantos LOs saVados, lantejas los viernEs, algun PAloMino d aÑadidurA Los dominGos, konsUmIaN las tres PartEs D SU HAzieNDa. el resto dEYa koncluiaN saYo D VeLarte, KAlZAs de veyudo parA laS fiEsTAS, koN sus PaNTuflos D lo mesmO, i los dias de entResEmana SE hONRava kOn su VeyoRi d lO + fino. tenia EN su kaSa una aMA ke Pasava d los KuarEnta, i uNa sovRiNa ke n yEgavA A lOs veINte, i 1 MOzo d kAmpo I Plaza, kE asI Ensiyava El RozIn KomO tomavA la poDadera. frisava LA eDAd d nuestro hidalGo kon LOs zInkUENta AñoS; era de komplexioN ReziA, SeKo D kaRnes, enjutO D rosTro, graN madrugadOr i AmiGo dE la kazA. Kieren Dezir kE Tenia el SovrenOmvrE d kijada, o Kesada, kE eN sto Hai Alguna dIferEnzia eN loS auTores ke DestE kaso scrIven; aunke, x koNjetuRaS vErosiMiles, se Deja entender ke se yAMaVa kejAnA. pERo Sto IMxtA poko a nuestRo kuEnTo; vAsTa kE en la narraZioN dEL N SE saLga 1 punto d la VeRdAd.”

Descargar libro completo

Tras mi diseño del logotipo de SigT en CSS hace casi dos años, me quedé con la idea en mente de que dibujos más complejos se podrían hacer usando la fuente Verdana y posicionamiento absoluto en CSS, generando de esta forma dibujos vectoriales directamente embebidos en el código html.

He optado por Homer Simpson dado que es lo suficientemente popular y reconocible:

El resultado es cross-browser; está comprobado en los siguientes navegadores bajo Windows:

• Internet Explorer 5.5, 6 y 7

• Opera 9

• Firefox 2

• Safari 3

¿Qué tal se ve en otros sistemas operativos y navegadores?

(Nota: para su correcta visualización la fuente Verdana debe estar disponible en el equipo)