JMiur [E]

El diseñador gráfico Román Cortés ha realizado un dibujo muy complejo usando sólo CSS.

Este Homero Simpson se crea con 307 líneas de código (14135 caracteres) y puede ser visualizado correctamente en casi todas las versiones de Internet Explorer, Opera, Firefox y Safari siempre que la fuente Verdana esté disponible.

¿Una pequeña muestra de ese código?
<div style="position: absolute; padding-left: 1.47em; padding-top: 5.4em;">
<div style="font-size: 0.66em; color: #000;">C</div>
</div>
<div style="position: absolute; padding-left: 1.62em; padding-top: 5.53em;">
<div style="font-size: 10px">
<div style="width: 2.2em; height: 2.2em; background-color: #FED90E;"></div>
</div>
</div>

o
o
o
o
(
O
O
O
\
L
(
O
O
O
O
O
\
L
(
O
|
|
\
\
|
|
\
\
\
\
(
(
8
o
o
o
(
(
8
o
o
o
o
)
)
b
o
O
o
o
o
o
o
o
)
b
o
O
o
o
o
o
o
o
o
o
o
/
/
/
_
_
_
C
C
O
(
-

Para quien quiera curiosear, su blog es muy interesante y el comic llamado El Progreso, también realizado íntegramente en DHTML es una buena muestra de las capacidades de estas técnicas.

11 comentarios:

MiriMiriChan  

Es perfecto! LARGA VIDA AL DIOS HOMERO... (...LoL xD mucho fox)

Responder
solrac  

Sin palabras!!!

Y no es de extrañar, Román hace unos trabajos alucinantes, yo lo sigo desde hace tiempo ;)

Responder
Graciela de Palomas  

JMIUR qué paciencia mi Dios...es una belleza!!!, seguiré intentando con ésto del CSS tal vez logre una pequeña Maggie jajaja imposible!!!, saludos

Responder
JuliansMG  

Cinco bellezas!! jajajjaja! Le quedó barbaro! un saludo, es demasiado para mi jaajajaja

Responder
Luis  

Vaya crack con el CSS, yo se lo justo para moverme por la red y cuando veo esto se me cae la baba.

Responder
ShaelKoNef  

y tb es ve bien en Google chrome

Responder
Daniel Ulczyk  

Si algo hay que agregar al increíble trabajo de Hernán, es lo que al respecto llevó a cabo Ned Bachelder:

Tomó nota de los DIVs, los IDs respectivos, le agregó unas líneas de Ajax y el resultado es un renderizado (rápido o lento) de como se van agregando los caracteres; sin palabras te deja:

http://nedbatchelder.com/blog/200805/css_homer_animated.html

Saludos!

Responder
JMiur  

Impresionante, Daniel, vale la pena ver esa animación XD

Responder
Pizcos  

Hace algun tiempo que sigo a Roman Cortes y realmente es un sitio donde aprendes de verdad, ahora anda con articulos sobre seguridad que llaman la atencion...

Salu2

Responder
LacraX  

Román Cortés se debe haber vuelto loco si no se suicido primero intentando que las cosas encajen :D. Es increible

Responder
Bonzu Pipinpadaloxicopolis III  

imprecionante

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR