Maestros del Web

Como muchos sabran, las hojas de estilo o CSS del inglés Cascading Style Sheets se utilizan para agregar estilo a las páginas o sitios web, y que de una u otra forma hasta vinieron a automatizar el proceso de rediseñar un sitio completo cambiando unos valores y sin tocar el contenido.

Y aunque esta técnica existía desde hace muchos años, tomó más relevancia cuando apareció David Shea con el CSS Zen Garden, toda una galería de obras de arte en la que un mismo archivo html servía de lienzo para los creativos y más diestros con el CSS mostrando las posibilidades que tenía ésta tecnica.

Y fue así como todos quedamos asombrados, me recuerdo que esa galería era en ese momento lo mejor en diseños separando el contenido de la presentación, pero, ¿se imaginaría David que todo ésto llegaría a más? .

Más allá de los sitios web comunes

Como siempre hay gente muy creativa, y otros con mucho tiempo libre jeje, empezaron a ver las bondades del CSS para hacer cosas más allá que sitios web y terminamos con ejemplos que nos muestran todo lo que podemos lograr muchas veces sin utilizar una sola imágen, y es lo que les listo a continuación.

Una casa hecha con hojas de estilo

Esto es lo primero que me recuerdo haber visto como curioso, allá por el año 2003 el mismo año que fue lanzado el CSS Zen Garden, así que también fue toda una sensación.

Vean también la versión dos hecha unos años después.

Bordes en 3D

Esto es una especie de gabinete con bordes que simulan tener tres dimensiones.

Vean como las columnas superiores parecieran tener curvas, es del mismo creador que el ejemplo anterior.

Unos lápices

Sí, del mismo creador, parece que le gustó demasiado y se puso a dibujar de todo , lo interesante en éste ejemplo, (aparte de lo real que se ven los lápices), es cómo el autor permite jugar con diferentes valores en los colores y así podemos modificar la apariencia.

Homero Simpon

De lo mejor que he visto, el autor es Román Cortés y no solo ha hecho a Homero Simpson sino que se ha dedicado a elaborar muchos otros trabajos.

• El retrato de George W. Bush
• Una animación de una botella hecha con hojas de estilo
• La representación del juego PacMan sin usar imágenes
• Y hasta un software para convertir cualquier imágen a un archivo HTML + CSS

Creo que con el trabajo de Román cualquier otro ejemplo es demasiado simple, pero la verdad que todos tienen su crédito, y sobre todo aquellos que iniciaron a elaborar éstos experimentos cuando apenas si se volteaban a ver las hojas de estilo.

Pero ya me imagino todo lo que lograrán con CSS 3, ¿les gustaría compartir algún otro ejemplo que hayan visto?.