Logo de Dallonses

TailwindCSS

Què és TailwindCSS?

TailwindCSS és un framework CSS que estilitza interfícies amb petites classes d'utilitat en lloc de fulls d'estil a mida. Vols padding, un layout flex i un fons blau? Hi afegeixes classes com p-4, flex i bg-blue-500 directament a l'element. L'estil viu al costat del marcatge, així que rarament saltes entre fitxers per esbrinar d'on ve una regla.

Aquesta és la idea "utility-first", i és el que distingeix Tailwind de frameworks com Bootstrap. Bootstrap entrega components acabats: un botó que ja sembla de Bootstrap, una targeta que sembla de Bootstrap. Tailwind entrega les peces en cru i et deixa compondre el que vulguis, així que dos llocs construïts amb ell no s'han d'assemblar. Un equip que refà una pàgina de màrqueting pot reestilitzar tota la secció hero editant classes en línia, sense rastrejar un full d'estils global buscant la regla que se li resisteix.

El compromís és un marcatge que pot veure's recarregat, amb llargues cadenes de classes a cada element. Tailwind hi respon amb components reutilitzables al framework que triïs i un pas de build que elimina cada classe que no fas servir de debò, perquè el CSS enviat continuï sent petit.

TailwindCSS a Dallonses

Tailwind forma part del nostre stack de desenvolupament web per defecte. Manté l'estil a prop dels components a què pertany, cosa que vol dir que un dissenyador i un desenvolupador poden mirar el mateix fitxer i posar-se d'acord sobre el que passa. En projectes amb un design system real, ens deixa codificar espaiat, color i tipografia com a tokens perquè tot el producte es mantingui consistent a mesura que creix.

No el fem servir a cada encàrrec. Un lloc estàtic petit o una base de codi que el teu equip ja manté en CSS pla potser no hi guanya res afegint-lo. Quan el desenvolupament web a mida demana una interfície que ha d'escalar per moltes pantalles i mantenir-se mantenible, Tailwind es guanya el seu lloc, i el configurem perquè el teu equip pugui continuar construint amb els mateixos patrons que nosaltres.

Construeixes una interfície web que s'ha de mantenir consistent en créixer? Parlem-ne.

Parlem de web

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