CSS CSS

CSS es el lenguaje que decide cómo se ve una página web, desde los colores y las tipografías hasta los espacios y el ancho de una columna. También decide qué se mueve al pasar el ratón por encima, mientras que las palabras y las imágenes vienen del HTML. CSS es la capa que se pone sobre ese texto para que la página parezca su negocio y no un documento cualquiera.

La idea de fondo es sencilla, y es la razón misma por la que existe el CSS. El estilo vive en su propio archivo, separado del texto, así que 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, porque en la práctica se convierte en 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 solo, ya que el color está escrito una vez y cada botón apunta a él. En una web montada con prisas ese mismo color está escrito en cuatrocientos puntos, de modo que el cambio de imagen se convierte en un proyecto pequeño. Las dos webs se ven iguales el día del lanzamiento, y por eso la diferencia solo aparece después, cuando por fin pide el cambio.

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, porque la página se reordena según el espacio que tiene. Una web móvil aparte es, por tanto, una forma antigua de trabajar que duplica todo lo que después habrá que mantener. La misma capa se encarga del árabe, ya que una hoja de estilos bien hecha voltea la página entera de derecha a izquierda sin construir un segundo sitio. Así entrega Linkysoft sus sitios bilingües.

Es fácil restarle importancia al CSS porque parece decoración, y 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. Por eso una hoja de estilos pesada, llena de reglas que ya nadie usa, ralentiza todas las páginas del sitio. Así que cuando Linkysoft se hace cargo de un diseño y desarrollo web, solemos borrar más reglas de las que escribimos. 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.