Categoria

container queries

3 articoli associati a questo tag.

24 settembre 2026

State queries in CSS nel 2025: UI reattive senza JavaScript

Le container queries hanno cambiato il modo di costruire componenti riusabili. Nel 2025 si spingono oltre con le state queries: puoi applicare stili quando un elemento è sticky e “stuck”, quando uno slide è snapped, o quando un contenitore è davvero scrollabile—in CSS, senza listener e calcoli. In più, si intravede un futuro interessante con le anchored container queries per adattare tooltip e popover ai fallback di anchor positioning.

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.

29 aprile 2026

3 pattern CSS per layout moderni (più due “boost” estetici)

Tre pattern CSS pratici che tornano utili nei layout reali: uno scroller orizzontale a card con Grid + scroll-snap, una auto-grid robusta con minmax che evita overflow sui viewport stretti, e un pattern “adaptive” con container query perfetto per sidebar e moduli riusabili. In chiusura: corner-shape per angoli “scooped” e un’idea per rendere più soddisfacente lo scorrimento con animazioni guidate dallo scroll (progressive enhancement).