Logo de Dallonses

CSS

Què és CSS?

CSS, Cascading Style Sheets, és el llenguatge que controla l'aspecte d'una pàgina web. HTML defineix l'estructura i el contingut; CSS decideix la maquetació, el color, la tipografia, l'espaiat i com tot això respon a diferents mides de pantalla. Sense ell, cada pàgina web seria text negre sobre fons blanc, apilat de dalt a baix.

La part de "cascada" és la idea central. Els estils flueixen cap avall i es combinen segons regles d'especificitat i ordre, així que un botó pot heretar la font del lloc, després sobreescriure el seu propi color, i canviar-lo de nou en passar-hi el ratolí per sobre. El CSS modern resol la maquetació amb Flexbox i Grid, s'adapta als dispositius amb media queries i desa valors compartits en custom properties. Un sol full d'estils pot reestilitzar un lloc sencer de cop: canvia una variable de color i cada botó, enllaç i encapçalament que la referencia s'actualitza alhora, en centenars de pàgines, sense tocar l'HTML. Aquesta és també la raó per la qual el CSS es torna un embolic a escala. Els estils que afecten tot són potents i fàcils de trencar.

Sembla senzill i és enganyosament profund. Centrar elements, gestionar capes i evitar que un full d'estils gran s'enfonsi sota el seu propi pes són problemes reals d'enginyeria, no cosmètics.

CSS a Dallonses

Tractem el CSS com a enginyeria, no com a decoració aplicada al final. Un full d'estils que creix sense estructura es converteix en allò que ningú vol tocar, on cada canvi amenaça de trencar alguna cosa tres pàgines més enllà. Construïm els nostres perquè escalin, de manera que l'estil segueixi sent tan mantenible al mes dotze com ho era el primer dia.

Com que el nostre disseny i desenvolupament van de la mà, el CSS reflecteix amb fidelitat les decisions de disseny i es manté organitzat al voltant d'un sistema en lloc d'arranjaments solts. En la feina de disseny web i d'interfícies estructurem els estils al voltant de tokens i components reutilitzables, que és el que manté un producte visualment consistent a mesura que creix. El resultat és un estil que l'equip d'un client pot ampliar amb confiança, en lloc d'una capa fràgil que té por d'editar.

Un full d'estils que s'ha tornat impossible de canviar amb seguretat? Desenredem-lo.

Parlem del teu front end

Serveis relacionats


Preparat per a traballar junts?

Reserva una reunió
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant