Galerías CSS: inspiración y belleza cumpliendo los estándares
Gracias a las hojas de estilo podemos llegar a hacer auténticas obras de arte con nuestras páginas separando totalmente el estilo del contenido.
Las galerías CSS donde se exponen algunos de los mejores resultados pueden servirnos de inspiración y también de promoción para nuestros trabajos.
Hojas de estilo en cascada (CSS)
La separación entre estilo y contenido resulta fundamental en la construcción de páginas hoy en día: llevamos ya diez años con CSS. Las hojas de estilo en cascada son las que nos ayudan a maquetar (conviene recordar que las tablas NO se usan para maquetar, sino para hacer tablas), y se pueden llegar a componer verdaderas joyas visuales con CSS.
Algunos tutoriales interesantes sobre hojas de estilo son los artículos de Diego Barcia y los que nos recomiendan en Cosas Sencillas. Además, en sitios como CSS Play se exponen las virguerías que podemos llegar a hacer gracias a ellas.
Inspiración
Pero a veces, incluso dominando las técnicas de CSS, necesitamos un poco de inspiración, tanto en lo relativo al color como también en lo que respecta a la disposición de contenidos y a la combinación de efectos. Las galerías CSS son como museos de donde podemos tomar ideas y, por qué no, también donde promocionar lo nuestro.
Las galerías más famosas
Igual que en el mundo hay museos más famosos que otros, en Internet existen desde hace un tiempo algunas galerías CSS (todas en inglés) que se han convertido en “clásicas” y que deberíamos tener en cuenta porque en ocasiones marcan algunas tendencias.
CSS Drive es una de las pioneras. Su galería está categorizada y en el sitio además también ofrecen noticias, ejemplos, un compresor para disminuir “el peso” de nuestras hojas de estilo y un foro.
La galería de CSS Beauty es una de las más famosas. El sitio es el portal de una comunidad amplia y presenta tutoriales, noticias, anuncios de empleo y un foro donde solicitar y ofrecer ayuda, consejo o inspiración.
CSS Vault es otra de las clásicas. Contiene, además de la galería, una amplia sección de recursos con enlaces a artículos, sitios y libros interesantes, aunque deberían cambiar el diseño de las páginas dentro de dicha sección para que resulte más fácil leerlas.
Específicos
Aparte de las galerías CSS generales que hemos mencionado, existen otras algo más especializadas, como CSS Princess, que expone trabajos hechos por mujeres o que poseen cierto toque femenino.
Y en CSS Liquid nos encontramos únicamente con diseños líquidos (fluidos), elásticos o progresivos, es decir: aquellos que pueden adaptarse a cualquier resolución de pantalla o al tamaño de la ventana del navegador. Este sitio incluye una amplia sección de recursos con plantillas y ejemplos.
Clásico experimental
No exactamente una galería de sitios sino un proyecto colaborativo en el que todo el que se apunte puede mostrar las virtudes de CSS es CSS Zen Garden. Siempre muestra el mismo contenido incluido en los mismos bloques, sólo varía la hoja de estilos. Cada webmaster que participa diseña únicamente la CSS que más le parezca para esa estructura y contenido, y si es aprobada, pasa a formar parte de la exposición del sitio.
El correlato en español de CSS Zen Garden es Camaleón CSS, un proyecto iniciado por Manuel Guerrero que nació con entusiasmo y espera la colaboración de todos para animarse tras un periodo de cierta inactividad.
Galerías de galerías
La mayoría de estas galerías se encuentran con relativa facilidad indagando un poco en Google, pero si no queremos perder el tiempo con tales menesteres, no tenemos más que visitar Zeniltuo, que ya ha realizado el “trabajo sucio” por nosotros y que no sólo lista galerías CSS (lleva 93 de momento), sino también galerías Flash y de diseño en general.
Y para los que se sientan perdidos entre el mar de galerías CSS que proliferan en la Red o los que simplemente prefieren una forma más cómoda de obtener inspiración tenemos, en principio, dos sitios muy interesantes:
- Y digo “en principio” porque a la hora de la verdad el primero: CSS Showcase, tiene sus enlaces principales apuntando a la misma página de inicio, con lo que no se puede navegar. “En principio” se trata de una auténtica galería de galerías: muestra los diseños más recientes que ocho escaparates de diseños CSS han publicado. También nos comunican las noticias más recientes de sitios especializados en CSS y diseño web con estándares en general. Esperemos que arreglen los enlaces lo más pronto posible.
- El segundo es CSS Manía. Sí, con tilde, porque es un proyecto español, aunque esté todo en inglés. Se dice que es (y posiblemente sea cierto) el mayor escaparate de diseños CSS en la Red. Toma diseños de otras galerías pero también se pueden sugerir directamente para que los administradores del sitio los evalúen.
¿Y en español?
En español, poco, la verdad. Lo más parecido de lo que tengo noticia es el directorio que mantiene Jandro Poch donde lista webs desarrolladas con estándares y CSS en España. A pesar de no tratarse de un proyecto de grandes dimensiones, su iniciativa no deja de ser loable en su intento por promocionar a los diseñadores web de España que intentan cumplir con los estándares.
De todos modos, al tratarse en este caso de un asunto más bien “visual” no importa demasiado el idioma a la hora de navegar por estos sitios.
En resumen, como comentábamos más arriba, en estas galerías o escaparates no sólo podemos exponer obtener inspiración para nuestras páginas, sino que también podemos promocionar nuestros trabajos y, de paso, ganar quizás unos cuantos puestos en el posicionamiento en buscadores de nuestros sitios, algo que tanto parece importar en la actualidad.
Mi gran favorito es CSS Manía.. Te puedes pasar horas viendo diseños si descuidas revisarlo frecuentemente. Y siempre aprendes y sin duda te inspiras. Muy buena recopilación de enlaces.
Excellente lista 😉
Ei muchas gracias Cristina por incluirme en el articulo. Ya es mala suerte que se caiga el servidor donde alojo la web estos dias. Estoy a ver si lo soluciono pronto.
Un placer, Jandropoch ;). Siempre que ido a tus páginas las he visto sin problemas.
Buen artículo, además de una buena recopilación de recursos para fortalecer mis conocimientos en CSS.
Saludos
Muchas gracias Cristina por la referencia que has hecho a mi modesto blog “Cosas sencillas”, fue una sorpresa para mi, aparecer en un lugar de tanto peso como “Maestros del Web”. Un fuerte abrazo y saludos para todos.
Toni, si es de calidad y modesto, dos veces bueno 😉
Puse la referencia a tu sitio porque, aunque reproduces lo que dicen otros, lo comentas algo y eso siempre queda entretenido, y además, como citas la fuente, no se le quitan méritos en absoluto a quien hizo la recopilación original
Estoy empezando con CSS, ya que antes solo hacia programacion PHP y nada de diseno.
Esta lista me viene muy pero muy bien para aprender mas todo el potencial de CSS.
Muchas Gracias.
Sergio
malas noticeas
Muy bueno el articulo.
Varias de ellas ya las conocia, pero ahora voy a ordenar mis favoritos para tenerlas todas a la mano.
Para que sepan, cssbeauty pertenece a un venezolano!
CSS Play es genial, no os la perdais!!!
Muy buena recopilacion e informacion, ultimamente con el tema de RSS visito a menudo un sitio que tiene la recopilcacion de los indices de las mas importantes.
http://www.mostinspired.com/
Lo visito a diario, y creo que es seria un punto de partida para las de mas.
BUSCO UN MAESTRO DEL WEB EN COLOMBIA
He encontrado una galería de este tipo en español, aunque parece que últimamente no se actualiza mucho:
http://www.proestilo.com/
Una lista de 95 sitios que ha quedado muy completa:
http://www.webmasterlibre.com/2007/03/15/95-enlaces-para-inspirarte/
Gracias por el artículo Cristina y gracias por los enlaces adicionales que cada uno aportó.
[…] creativo. Afortunadamente, en la web podemos encontrar casi de todo, e inspiración hay mucha. Las galerías de sitios construidos con CSS (separando el estilo del contenido) nos pueden dar muchas ideas, no sólo con la maquetación, sino […]
Hola a todos, me dedico al diseño web html, asp, flash… pero me interesaria saber por donde empezar en esto del CSS, ya que cada vez me impresiona todo lo que tenga que ver con este tema.
un saludo y gracias por la respuesta.
[…] suponen que sus clientes son “estúpidos” sólo porque no conocen de XML y de CSS, aunque sean muy listos en sus negocios y expertos en lo […]
[…] es tan avanzado que incluso añade sus propios selectores que no existen ni en CSS ni en XPath, pero que facilitan mucho el desarrollo de las […]
Hola, me interesa mucho esto del css, mi página lo implementa, sin embargo solo se ve bien en internet explorer y no en firefox, que manual o libro me recomendarian para aprender bien esto.
[…] este artículo nos comenta las principales o más originales de las galerías CSS que existen, para demostrarnos […]
[…] en su trabajo, necesitan una buena fuente de inspiración. Para ellos hay un buen número de galerías CSS en las que pueden inspirarse (que no plagiar) para realizar sus […]
Ahora también en español se encuentra cssbarcelona.com
Saludos
Gracias por la listita
Y tb en español miwebcss.com
adsfas
[…] es tan avanzado que incluso añade sus propios selectores que no existen ni en CSS ni en XPath, pero que facilitan mucho el desarrollo de las […]