31 diciembre 2009

Termina uno y comienza otro.. ¡Feliz Año Nuevo!

Con mucho esfuerzo el 2009 se aleja, dejando muchas experiencias en la vida... este ha sido un año muy particular, nos dejo una gripe mundial, una crisis que ha sido maquillada, la muerte de un extraño icono mundial, nos mostro el desinteres de los gobernantes por el media ambiente, etc. Uhm ¡parece que fue un año como cualquier otro!, veamos que nos trae el año nuevo 2010, tenemos 12 meses para hacerlo bien y no estropearlo como el anterior. :D



Pero estos momentos sirven para llenar la esperanza que este siempre sera mejor que el anterior, y les deseo que todo mejorará, ya que, solo depende de Ustedes.
"Feliz Año 2010"

23 diciembre 2009

Feliz Navidad

Feliz Navidad a todos, que los deseos de corazón se cumplan y que cada vez aprendamos a valorar las pequeñas cosas que construyen una gran vida.

Recuerden que celebramos la fecha asignada al nacimiento de Jesús, de quien las enseñanzas han forjado nuestra sociedad y familias.

No me cae el barrigón de la Coca-cola al que erróneamente los niños le escriben cartas, recuerden que al niño Jesús le llevaron regalos los Reyes Magos (incienso, mirra y oro) y nunca una bebida gaseosa de color oscura, que sirve para quitar oxido.
Si te portaste bien todo el año, escribiste tu carta y no te trajeron regalo, empieza a tomar Pepsi... ¡Ho ho hooo!

17 diciembre 2009

Las Meninas en 3D con CSS by Román Cortés

El diseñador gráfico Román Cortés nos sorprende a los que usamos CSS presentándonos el cuadro de Las Meninas en 3D, bueno un pseudo 3D con CSS.

Mover el Mouse sobre la pintura para ver el efecto 3D


Román Cortés dice:
He tomado el cuadro Las Meninas y he creado este efecto pseudo-3D con CSS. Es CSS puro, sin javascript ni flash; sólo código CSS y HTML.

Para la realización he usado tres imágenes: dos se corresponden al fondo (paredes) y otra de sprites (3 sprites: uno con el lienzo, niño y perro, otro con las meninas, y el último con la monja y acompañante). El posicionamiento de los sprites se realiza mediante hover en un total de 80 anchors. El lateral derecho de la habitación se ensancha y contrae para mejorar el efecto 3D.

Hay algunos truquitos para que el hover funcione correctamente, podéis verlos en el código fuente. Para que no interfieran las imáges en el hover, he usado distintos z-indexs y nbsps con tamaño de fuente de 455 píxeles: el mismo alto que el experimento en sí.

Funciona en las últimas versiones de los navegadores más usados y valida.

Vía: Román Cortés