CSS CSS

CSS es el lenguaje que decide cómo se ve una página web. Los colores, las tipografías, los espacios, el ancho de una columna, lo que se mueve al pasar el ratón. Las palabras y las imágenes vienen del HTML. CSS es la capa que hace que parezcan su negocio y no un documento cualquiera.

La idea es sencilla, y es la razón de ser del CSS. El estilo vive en su propio archivo, separado del texto. Una sola línea de ese archivo fija el color de todos los botones de todas las páginas. La cambia una vez y cambia el sitio entero con ella.

Eso es la teoría. En la práctica, esta es la pregunta que conviene hacerle a un proveedor antes de comprar nada. Si el año que viene cambiamos el color de la marca, ¿cuántos sitios hay que tocar? En una web hecha con cuidado la respuesta es uno. En una web montada con prisas el color está escrito en cuatrocientos puntos y el cambio de imagen se convierte en un proyecto pequeño. Las dos webs se ven iguales el día del lanzamiento. La diferencia aparece después.

CSS es también lo que hace que un mismo sitio quepa en un móvil, en una tableta y en una pantalla de escritorio. La página se reordena sola. Si alguien le ofrece una web móvil aparte, es una forma antigua de trabajar y duplica lo que tendrá que mantener. La misma capa se encarga también del árabe. Una hoja de estilos bien hecha voltea la página entera de derecha a izquierda sin construir un segundo sitio, y así entrega Linkysoft sus sitios bilingües.

Es fácil restarle importancia al CSS porque parece decoración. No lo es. Decide si un texto se lee en un móvil a pleno sol, si un botón es lo bastante grande para un pulgar y en cuánto tiempo aparece la página. Una hoja de estilos pesada, llena de reglas que ya nadie usa, ralentiza todas las páginas del sitio. Cuando Linkysoft se hace cargo de un diseño y desarrollo web, solemos borrar más reglas de las que escribimos, y lo mismo vale dentro de una aplicación web, donde cientos de pantallas de administración deberían compartir un solo juego de estilos en vez de llevar cada una el suyo. Las palabras de esas pantallas siguen viniendo del HTML.