Questa traduzione è incompleta. Collabora alla traduzione di questo articolo dall’originale in lingua inglese.

Lo scopo del ricettario per layout in CSS è quello di raccogliere schemi per layouts utili per le tue pagine. In aggiunta a ricevere codice per iniziare i propri progetti, queste ricette sottolineano le differenti modalità e decisioni nel design di layouts messe a disposizione per sviluppatori.

Nota: Se sei nuovo a sviluppare layouts in CSS consigliamo dare un ochhiata al nostro CSS layout learning module, che darà le basi per fare pieno uso delle seguenti ricette.

Le Ricette

Ricetta Descrizione Metodi di layout
Oggetti media Una scatola con due colonne avente un immagine su un lato e del testo descrittivo nell'altro, p.es: un post su facebook o un tweet. CSS Grid, float fallback, fit-content sizing
Colonne Quando scegliere un layout a più colonne, un flexbox o una griglia per le colonne CSS Grid, Multicol, Flexbox
Centrare un elemento Come centrare un oggetto orizzontalmente e verticalmente Flexbox, Box Alignment
Note a piè di pagina appiccicose Creare una nota a piè di pagina che sta alla fine del container o del punto di vista attuale quando il contenuto è più corto.  CSS Grid, Flexbox
Navigazione divisa Uno schema nel quale alcuni link sono visualmente separati da altri. Flexboxmargin
Navigazione a briciole Creare una lista di links che perrmette il visitatore di navigare inditro nella gerarchia della pagina. Flexbox

Contribuire al ricettario

Come  con tutto il MDM ci piacerebbe se contribuisci ricette nello stesso formato a quelle mostrate sopra. Guarda questa pagina per trovare un template e delle linee guida per scrivere il tuo esempio.

Tag del documento e collaboratori

Hanno collaborato alla realizzazione di questa pagina: Yoekkul
Ultima modifica di: Yoekkul,