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.

votar

CSS Shapes

.shapes {display: inline-block;margin: 0 20px;vertical-align: …

Videos y contenidos fluidos

Cuanto más automatizamos una tarea, más cuidado tenemos que tener …

Galería con efectos sólo con CSS

Hay muchas formas de mostrar imágenes con efectos diversos …

Float: Lo principal y lo secundario

Cuando a un elemento le agregamos la propiedad float, lo convertimos …

11 comentarios:

MiriMiriChan hace 16 años  

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

Responder
sølrαc hace 16 años  

Sin palabras!!!

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

Responder
Anónimo hace 16 años  

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 hace 16 años  

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

Responder
Anónimo hace 16 años  

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 hace 16 años  

y tb es ve bien en Google chrome

Responder
Bradley hace 16 años  

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 hace 16 años  

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

Responder
Carlos Pizcos hace 16 años  

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
Anónimo hace 16 años  

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

Responder
Bonzu Pipinpadaloxicopolis III hace 16 años  

imprecionante

Responder

¿Quiere dejar un comentario?

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

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 ...

Suscribirse a los comentarios
 
CERRAR