Un'idea semplice che cambia tutto

Il nesting nativo non è zucchero sintattico: cambia il modo di progettare le classi. Via i nomi composti alla BEM, dentro classi semantiche che si compongono come parole.

prima · BEM


<!-- Ogni variante è un nome da inventare, scrivere, ricordare -->

<button class="button
  button--primary
  button--disabled">Salva</button>

I modificatori BEM ripetono il nome del blocco in ogni classe.

dopo · classi semantiche

<!-- Le classi si leggono come una frase -->

<button class="button primary disable">Salva</button>

Parole componibili: l'HTML descrive il ruolo, non l'architettura.

il CSS che lo rende possibile

.button {
  background: var(--button-bg);

  &.primary { --button-bg: var(--brand); }
  &.disable { opacity: 0.5; }
  &:hover:not(.disable) { filter: brightness(1.1); }
}

Nesting nativo: la variante vive dentro il componente, senza preprocessore. (Questa pagina usa esattamente questo pattern — ispeziona il sorgente.)

Dentro il libro

Le prime due parti, per farsi un'idea. Il resto quando esce.

Parte I — Il nuovo CSS

Perché non ti serve più un preprocessore

Variabili, nesting, funzioni: tutto ciò per cui installavi Sass oggi è nello standard — con qualcosa in più.
Il nesting nativo e il CSS semantico · il capitolo-manifesto

Come il nesting cambia il modo di progettare le classi: da button--primary a button primary.
Custom properties: le variabili che vivono nel browser

Non copie compilate ma valori vivi: cascata, ereditarietà e temi che si cambiano a runtime.

Parte II — Logica e calcolo nello standard

Le funzioni CSS
Colori di nuova generazione
Selettori potenti
Architettura senza tool

…più layout moderni, animazioni native e 3 progetti guidati completi — inclusa la migrazione passo-passo di un vero progetto Sass.

Punti di forza

Zero build

Nessun compilatore, nessun watcher: salvi il file e ricarichi. Il browser è la toolchain.

Progetti reali, non foo-bar

Tre progetti guidati completi, inclusa la migrazione di un vero progetto Sass.

Onesto sui limiti

Per ogni tecnica, il supporto browser reale e cosa fare quando non basta.

Resta aggiornato

Lascia la tua email per sapere quando il libro sarà disponibile e ricevere un capitolo in anteprima.

Niente spam, solo l'uscita del libro e poco altro.

Grazie! Ti scrivo appena il libro è pronto. { a presto }

CSS Semantico