Ricette per layout in CSS

Questo contenuto viene visualizzato in inglese perché non è ancora disponibile una versione tradotta nella lingua selezionata. Aiutaci a tradurre questo articolo!

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.