CSS moderno per contenuti dinamici: lascia decidere lo stile ai dati (senza if in JavaScript) (opens in new tab)

Con data-attribute, typed custom properties e style queries puoi adattare icone e varianti UI in base a valori reali (pioggia leggera/forte, sole, nuvole). Quando il contenuto è dinamico (arriva da un’API, da un CMS o da un feed), spesso finiamo per mettere in JavaScript anche logiche puramente “visive”: scegliere un’icona, impostare una variante, cambiare un colore in base a una soglia. Il problema non è solo la quantità di codice: è che stai mescolando dati e presentazione, rendendo più dif...