Guida ai fogli di stile: selettori, box model, layout con Flexbox e Grid, variabili custom, animazioni e tecniche per interfacce responsive e accessibili.
Il CSS Grid Layout è un sistema di impaginazione bidimensionale pensato per organizzare contenuti su righe e colonne in modo dichiarativo.
In questo articolo vedremo come implementare la 2FA basata su TOTP (Time-based One-Time Password) in un progetto Laravel, passo dopo passo.
Quando più regole CSS mirano allo stesso elemento e impostano la stessa proprietà (per esempio <code>color</code>), il browser deve stabilire quale dichiarazione “vince”.
La regola font-face dei CSS è un'importante caratteristica per la personalizzazione dei font su un sito web. Essa consente di utilizzare font personalizzati per la visualizzazione dei testi all'interno di una pagina web.
Il CSS Grid Layout Module Level 1, noto semplicemente come CSS Grid, rappresenta una pietra miliare nel design e nella strutturazione delle pagine web.
Le variabili CSS, anche chiamate "custom properties", sono uno strumento potente che permette di definire un valore e riutilizzarlo all'interno di un foglio di stile.
In questo articolo vedremo come è possibile nascondere gli elementi in modo accessibile con i CSS.
Molti web designer pensano che le proprietà CSS height e min-height funzionino nello stesso modo. In realtà non è così: esiste una fondamentale differenza che è bene comprendere prima di realizzare layout complessi.
La cascata permette alle regole di stile di combinarsi tra di loro, a patto che tali regole non vadano in conflitto tra di loro, nel qual caso interviene la specificità. Le classi CSS sono il terreno perfetto per sfruttare al meglio tale caratteristica.
I selettori di ID e di classe esistono fin dall'inizio della storia dei CSS. Sono i selettori più usati in assoluto ma nonostante questo la buona pratica di utilizzare prefissi coerenti stenta ancora a prendere piede.