5 tips para escribir CSS mantenible

20 de septiembre del 2012 鈥 399 palabras 鈥 2 min

M谩s de alguna ocasi贸n me he enfrentado a mi propia ineptitud y falta de respeto hacia las lineas m谩gicas que escribo, al no estructurar bien mis estilos en CSS. Escribo este art铆culo para orientar y hacer ex谩menes de conciencia para resaltar la importancia de lo que es escribir CSS que despu茅s podr谩s mantener de manera f谩cil y r谩pida.

1. Escribe un 谩rea a la vez

Si vas a utilizar un layout base para toda tu web: Sep谩ralo. Si vas a escribir un estilo base para m煤ltiples secciones: Sep谩ralo. Maquetea el estilo de un 谩rea a la vez para que tengas orden; as铆 te pidan o quieras hacer m煤ltiples cambios, hazlos al final; ya que ah铆 es cu谩ndo todo se destruye y pierde el orden que le quer铆as dar.

2. Utiliza un pre-procesador

Existen varios pre-procesadores que te ayudar谩n a ser m谩s organizado, uno de ellos es SASS, el cu谩l te ayudar谩 a realizar acciones estilo nesting de clases, mixins de estilos completos o el simple hecho de utilizar variables para controlar tu paleta de colores.

3. Regla de las tres erres

驴No te la sabes? Entonces eres alguien que no recicla. La regla de las tres erres consta en tres simples principios: Reducir, Reutilizar y Reciclar. Curiosamente cuando uno escribe CSS debe de ser al rev茅s:

4. Estiliza tus estilos para darles estilo

Mant茅n un orden al momento de escribir, es decir, comienza definiendo ancho, alto, margenes, despu茅s paddings, etc. Esto te dar谩 una idea m谩s clara al momento de leer y de querer modificar algo.

Muchos maquetadores lo organizan por tama帽o de rengl贸n, de chico a grande, o bien, por orden alfab茅tico. Elige la que m谩s te guste, pero entiende lo que est谩s haciendo.

5. Utiliza varias hojas de estilo

El peor consejo o tip que alguien te puede dar, ya que le est谩s cargando la mano al usuario al solicitarle cargar m谩s de una hoja de estilo, pero sigue leyendo.

Este tip es bueno para organizarte, pero s贸lo es bueno si est谩s utilizando un pre-procesador que te 鈥渦na鈥 estas hojas es una sola, y claro, siguiendo el tip n煤mero 3.

驴Tienes alg煤n tip que te gustar铆a compartir? Escribe un comentario.