|

Acabo de encontrar en Smashing Magazine una serie de consejos para mejorar la legibilidad de nuestras hojas de estilo. Algunos de ellos, como crear una tabla de contenidos, pueden ser muy útiles en css’s para sitios muy grandes o mantenidos por varias personas, aunque quizá un poco desproporcionados para hojas de estilo pequeñas, como por ejemplo, la que puede utilizar un blog.

Sin embargo, uno de los consejos propuestos me ha parecido muy útil tanto para pequeñas como grandes hojas de estilo. Se trata de definir los colores usados.

Yo con frecuencia, abandono mi editor para consultar el color que tengo que usar en Firebug. Usando la técnica que proponen en Smashing Magazine, esta tarea se reduce a mirar el principio de la hoja de estilo.

Dejo un ejemplo de cómo podría ser nuestra definición de colores en la css.

/*------------------------------------------------
[Colores enlaces]
div.post
	Normal: #d2668f (morado claro)
	Hover: #d2165e (rosa oscuro) / Background: #fbedf2 (rosa claro)

div.infoPost
	Normal: #737373 (gris)
	Hover: #d2165e (rosa oscuro)

div#info (pie)
	Normal: #d2668f (morado claro)
	Hover: #000 (negro)

div#navegacion
	Normal: #d2668f (morado claro)
	Hover: #000 (negro) / Background: #ebebeb
------------------------------------------------*/