CSS Color Extractor o como extraer los colores de las hojas de estilo CSS

CSS_Color_Extractor

En el momento de maquetar una página web mediante hojas de estilo CSS nos puede surgir la necesidad de ver exactamente cual es el color que les estamos dando a una cierta propiedad. Dicho de otro modo, en las hojas CSS vemos códigos de colores representados en hexadecimal pero no vemos el color en sí.

Pues bien, CSS Color Extractor es una servicio web que te permite introducir el código CSS y te extrae y muestra visualmente cada uno de los colores que se utilizan en esa hoja de estilo. Así de sencillo.

CSS Color Extractor nos puede ser útil para utilizarlo puntualmente aunque dudo que pueda ser práctico si cada vez que hacemos un cambio relativo al color tenemos que estar consultándolo. Un problema que le encuentro es que el recuadro que muestra cada uno de los colores es minúsculo. ¿Qué les costaría hacerlo más grande? Es de todos sabido que no te produce la misma impresión un color estampado en una hoja que un color estampado en una pared entera.

¿Utilizáis alguna herramienta de este tipo mientras diseñáis páginas web?

Sentido web, un blog con mucho sentido

El pasado mes de marzo os comentaba en Un Blog Más la aparición de un blog orientado a desarrolladores web y propiedad de la red de blogs Blogs Media: Sentido web. Al final de ese artículo escribí la siguiente frase: «Ya veremos como evoluciona».

Pues bien, ya han pasado varios meses por lo que creo que es buen momento para explicar como ha evolucionado desde mi punto de vista.

En lineas generales, Sentido web ofrece buen contenido, especialmente útil para los desarrolladores web, manteniendo un ritmo constante de publicación de artículos (característica que últimamente no consigo mantener por estos lares 🙁 ).

Si tuviese que dar alguna crítica una valoración constructiva diría que, en varias ocasiones, publican artículos que son traducciones de artículos ya escritos en inglés. De todas maneras, como he comentado, también escriben artículos de calidad que son de «cosecha propia». Tenéis un ejemplo en: ¿Qué es un LDAP?

Gracias a este blog, además, he descubierto páginas web/blogs interesantes que se mueven en la misma temática. Si estás interesado en el desarrollo web y te peleas disfrutas realizando aplicaciones web yo te recomendaría darle un vistazo. En caso contrario, seguro que hay blogs mucho más interesantes para tí.

DISCLAIMER: No tengo ningún tipo de relación con los componentes de Blogs Media ni de Sentido web. Se trata de una opinión basada en el tiempo que llevo leyendo este blog y no influenciado por ninguna persona ni ningún ingreso en mi cuenta bancaria 😉

Páginas de error 404 de diseño

¿Qué internauta no se ha encontrado alguna vez al navegar por la Red con esa típica página de error 404 (archivo no encontrado)?

Si no se especifica lo contrario el navegador muestra una página «por defecto» de error. Ahora bien, es posible configurar el servidor web para que devuelva una página «personalizada» en el caso de que se produzca este error (también es posible hacerlo para otros códigos de error).

En Area 404 han recogido una selección de las páginas de error 404 mejor diseñadas que no tiene desperdicio. Las hay para todos los gustos…

Dzone, un menéame para desarrolladores web

Dzone logo

Dzone se trata de una web del estilo de Digg / Menéame en la que los usuarios envían artículos relacionados con el desarrollo web y es la propia comunidad de usuarios la que se encarga de filtrar los artículos que deben salir a portada a través de sus votos.

Hace ya algunas semanas que lo sigo a diario y tengo la impresión de que he encontrado una fuente de noticias inagotable relacionadas con mi profesión. Para ello, he añadido el feed de las noticias que aparecen en portada en mi bloglines. El número de noticias que se publican es, en determinadas ocasiones, muy elevado aunque parece que ya están trabajando para filtrarlo y que tan sólo aparezcan las «mejores».

Si no te espanta leer artículos en inglés y quieres estar informado continuamente en asuntos relacionados con el desarrollo web no puedes perderte Dzone.

¿Cuánto sabes de CSS?

Interesante artículo el que ha escrito Emil Strenstrom: Levels of CSS knowledge. En este artículo Emil asegura que ha podido charlar con mucha gente sobre CSS y que ha descubierto, como es lógico, que existen diferentes niveles de conocimiento sobre este tema. En función de las respuestas que da una persona cuando se le pregunta acerca de las hojas de estilo CSS ha sacado 6 niveles:

  • Nivel 0 – Respuesta: «CSS? Esto no es un videojuego multijugador?» Corresponde a personas que nunca han creado una página web.
  • Nivel 1 – Respuesta: «Sí, lo utilizo para eliminar el subrayado de los enlaces algunas veces». Ha desarrollado alguna vez alguna página web simple y utilizan el CSS porque no tienen más remedio.
  • Nivel 2 – Respuesta: «No, no me gustan los divs. Las tablas son mucho mejor para trabajar con ellas». Seguramente, es el tipo de persona que se ha peleado con los divs para conseguir el mismo efecto que con una «table» y, al final, ha decidido seguir utilizando tablas porque no ha conseguido que le saliese bien con «divs».
  • Nivel 3 – Respuesta: «Sí, he oído que está bien trabajar con CSS pero yo no lo utilizo por…» Corresponde a gente que ha utilizado el CSS en algunas ocasiones y que conoce sus beneficios pero que, por algún motivo, no le dejan aplicarlo.
  • Nivel 4 – Respuesta: «CSS? Y tanto! Utilizo divs en todas mis plantillas». Corresponde a la gente que diseña utilizando divs en cualquier lado de la página sin pensar que los visitantes pueden acceder con navegadores antiguos o navegadores que no soporten CSS, por ejemplo.
  • Nivel 5 – Respuesta: «Utilizo CSS para el diseño, es mejor que las tablas porque…» Es el punto donde se encuentran la mayoría de desarrolladores web. El punto en el que se sabe porque se utiliza el CSS y cuando y como se debe utilizar.
  • Nivel 6 – Respuesta: «¿Qué versión de CSS? Sí, lo he hecho. Has leído mi libro sobre…» Corresponde al tipo de gente que conoce las limitaciones del CSS y que cosas podrían mejorarse. Además, proporcionan posibles soluciones. La mayoría se han leído de arriba a abajo la especificación de CSS del W3C.

No se vosotros, pero yo me he sentido identificado en alguna de esas fases por las que ya he pasado. Actualmente, si tuviese que decidir en que nivel me encuentro creo que diría que estoy entre el 4 y el 5.

Me queda muchísimo por aprender sobre las hojas de estilo CSS pero podría afirmar que me he pasado el número suficiente de horas peleándome con ellas como para saber las ventajas que aportan en cuanto a la separación del contenido de la presentación, estructuración,…  así como los inconvenientes y problemas que te pueden generar (diferentes interpretaciones según el navegador, posición relativa vs posición absoluta, floats,…).

Y tú… ¿en qué nivel te situarías?