Buone pratiche¶
Ecco alcune osservazioni che vi aiuteranno a comprendere e utilizzare meglio il layout dei vostri siti, anche se si evolve, la tendenza rimane comunque quella di creare siti «centrati» con uno sfondo esteso o meno, è qui che le proprietà del Box sono importanti.
Scatole, margini e distanziatore¶
- Uso della scatola
Come promemoria, il Box è il primo componente che si lascia cadere su una pagina, contiene una o più righe contenenti a loro volta, componenti (immagine, pulsante, area colore, …).
- Uso dei margini
Una delle novità di questa versione è l’integrazione di Margins (da non confondere con gli Spacers). Il Margine è presente per un Box ma anche per un gran numero di componenti (testo, galleria, immagine, …) ed è la presenza di queste 2 opzioni che vi permetterà di creare un sito personalizzato (e originale). Non esitate a usarli per creare degli offset dei componenti, ad esempio…
- Utilizzo di distanziatori
Gli spaziatori sono efficaci per centrare un componente (come un menu) e per definire un’area di visualizzazione (come un’immagine), altrimenti nella stragrande maggioranza dei casi, si consiglia di utilizzare margini e spaziatura orizzontale (in una linea con più componenti).
Esempi¶
Esempio di buon uso del distanziatore orizzontale :
Esempio di buon uso del distanziatore verticale :
Stesso componente con 1 px di distanziatore verticale:
Utilizzo dei tasti della tastiera¶
- Il tasto Shift premuto :
Questo tasto serve per scorrere (navigare) in profondità gli elementi sotto il mouse. Per esempio, si è posizionati su un componente di testo, cliccando con il mouse (e tasto shift premuto), si passa a turno dal componente di testo, al componente di linea e poi a Box. Questo vi aiuterà a sfogliare rapidamente le diverse proprietà/opzioni applicate ai componenti scelti.
- Premere il tasto Ctrl :
In modo più tradizionale, questo tasto permette di selezionare diversi componenti per copiarli/incollarli altrove sulla stessa (o su un’altra) pagina.