Il CSS del futuro / DailyTool #384
Il tool di oggi è Tailwind CSS, per costruire l'aspetto di un sito web mettendo le classi direttamente nell'HTML.
Tailwind CSS è un framework per lo stile delle pagine web (il CSS) che capovolge il metodo tradizionale: invece di scrivere regole in un foglio di stile separato, applicate classi predefinite direttamente sugli elementi HTML. Ogni classe corrisponde a una singola proprietà visiva (un margine, un colore, un allineamento), e combinandole ottenete il design che volete senza inventare nomi per le classi né gestire file CSS che crescono a dismisura.
In fase di pubblicazione, Tailwind analizza il codice e include solo le classi effettivamente usate: il foglio di stile finale pesa in genere meno di 10 kB. Attorno al framework è cresciuto un ecosistema di librerie di componenti pronti e template, ed è gratis e open source.
3 buoni motivi per usare Tailwind CSS:
1️⃣ Non dovete più passare dall’HTML al foglio di stile e viceversa: lo stile si scrive dove serve, nello stesso file, eliminando il continuo cambio di contesto tra documenti.
2️⃣ La scala predefinita di colori, spaziature e dimensioni mantiene il design uniforme in tutto il progetto: anche in un team grande, le pagine hanno un aspetto coerente senza un manuale di stile da consultare.
3️⃣ I modelli di AI generano codice Tailwind con una qualità superiore rispetto a qualsiasi altro approccio CSS: se usate un assistente per scrivere interfacce, Tailwind è il linguaggio che capisce meglio.
È il framework CSS più usato, molto da addetti ai lavori ma se smanettate con queste cose non potete non conoscerlo.
Domani parliamo di come automatizzare il lavoro collegando le vostre app, senza pagare un centesimo!
Buona giornata! ☕
Debora & Andrea