Categoria

style-queries

3 articoli associati a questo tag.

16 settembre 2026

CSS if() e funzioni personalizzate: logica inline e astrazione pulita nei valori

Le nuove if() inline e le @function (funzioni personalizzate) portano in CSS un livello di “logica nei valori” e di astrazione prima possibile solo con pattern complessi o preprocessor. Vediamo sintassi, tipi di condizioni supportate, esempi pratici (media/style/supports) e come usare le funzioni per incapsulare calcoli e convenzioni di design system in modo leggibile e riutilizzabile.

18 giugno 2026

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

Quando l’interfaccia nasce da dati (API, CMS, personalizzazione utente), la tentazione è riempire JavaScript di condizioni per scegliere icone e varianti. Con le style queries e le custom properties tipizzate puoi invece spostare queste decisioni in CSS: il markup resta semplice, JS si limita a passare i dati e lo stile si adatta in modo dichiarativo.

17 giugno 2026

CSS Style Queries: theming e “modifier” condizionali senza classi extra

Le CSS style queries permettono di applicare varianti di stile in base a proprietà (tipicamente custom properties) presenti nel contesto. Questo abilita due pattern molto pratici: il theming “dal genitore ai figli” e i modifier condizionali (es. card compatte solo in certe layout). Vediamo come strutturarle in modo pulito e scalabile, con esempi concreti.