Spring GDS 25è Aniversari
Una empresa de logística que envia a 190 països va construir alguna cosa per enviar-se a si mateixa.
Sass (SCSS)
Què és Sass (SCSS)?
Sass és un preprocessador de CSS. Escrius les fulles d'estil en un llenguatge més capaç, i un pas de compilació les tradueix a CSS pla que el navegador entén. SCSS és la sintaxi més comuna per fer-ho, i és un superconjunt de CSS, cosa que significa que qualsevol fitxer CSS vàlid ja és SCSS vàlid. L'adoptes sense reescriure el que tens.
El que Sass afegeix és l'estructura que al CSS pla li va faltar històricament: variables per a valors compartits, imbricació que reflecteix com es relacionen els elements, mixins que empaqueten blocs d'estil reutilitzables i funcions per al càlcul. Un equip que defineix l'escala d'espaiat i la paleta de color d'una marca com a variables pot reutilitzar-les a tot arreu, i després canviar una única definició per actualitzar tot el lloc. El CSS natiu ha guanyat des d'aleshores propietats personalitzades i imbricació, estrenyent la distància, però Sass continua fent més en temps de compilació i segueix sent la columna vertebral d'incomptables bases de codi en producció. És menys un competidor del CSS que una capa que fa manejables les fulles d'estil grans.
La contrapartida és el pas de compilació. Sass necessita compilar-se, cosa que afegeix eines, i abusar de funcions com la imbricació profunda pot generar en silenci un CSS inflat. Usat amb disciplina, manté coherent un sistema de disseny gran.
Sass (SCSS) a Dallonses
Quan l'estilat d'un projecte és prou gran com per necessitar estructura real, Sass sol ser com l'hi donem. Variables, mixins i una organització de fitxers assenyada converteixen una fulla d'estil dispersa en una cosa per la qual un equip pot navegar, on canviar el color d'accent de la marca és una sola edició en lloc d'un cerca-i-substitueix per tota la base de codi.
Ens hi recolzem sobretot en el desenvolupament de sistemes de disseny, on la consistència entre molts components i pàgines és justament de què va. Tokens compartits definits un cop i reutilitzats a tot arreu mantenen el producte visualment coherent a mesura que creix, i mantenen l'estilat manejable per a l'equip del client després de lliurar-l'hi. Fem servir les funcions que es guanyen el seu lloc i deixem les que només afegeixen enginy, perquè una fulla d'estil ha de ser fàcil de llegir, no un trencaclosques.
Els estils es desborden més enllà del que el CSS pla pot sostenir? Donem-los estructura.
Serveis relacionats
Treballs relacionats
Vizitio
Convertir una marca en un negoci que funciona.
Access Ticket
Mig milió de persones. Una app. Zero caos.
Preparat per a traballar junts?
Reserva una reunió
