Alcuni rapidi suggerimenti per apprendere l’uso dei css per la realizzazione di semplici layout: validare il codice e raggruppare i selettori.

Questo post è la continuazione dei seguenti articoli:
(01) – 6 suggerimenti per apprendere e ottimizzare l’uso dei css.
(02) – 6 suggerimenti per usare i css: collegare i fogli di stile.
(03) – 6 suggerimenti per usare i css: organizzare i fogli di stile.

Tornando a parlare di alcuni miei suggerimenti per ottimizzare ed usare i fogli di stile, di seguito espongo la mia esperienza con altri consigli per i web designers che stanno passando alla realizzazione di siti utilizzanto solo i fogli di stile.

Validare il codice.
Sarebbe preferibile controllare la validazione del codice css tramite i tool messi a disposizione dal W3C (Il consorzio che si occupa dello sviluppo e della standardizzazione degli strumenti e dei linguaggi del Web) in maniera da correggere eventuali errori, consentendo di controllare le conformità alle raccomandazioni del consorzio.

Raggruppare i selettori.
Quando molti elementi hanno proprietà comuni, sarebbe preferibile raggrupparle per evitare inutili duplicazioni.

I Vantaggi:

1. scrivere meno codice;
2. risparmiare qualche byte;
3. una maggiore chiarezza dei selettori;

Esempio pratico:

h1, h2, h3, h4, h5 {font-family: “trebuchet ms”, tahoma, Verdana;}

Utilizzo delle shorthand properties.
Le shorthand properties (dall’inglese scorciatoie) servono a definire con una dichiarazione un insieme di proprietà.

Esempio pratico:

Invece di scrivere:

margin-top:10px;
margin-right:0;
margin-bottom:14px;
margin-left:10px;

Sarebbe più chiaro:

margin:10px 0 14px 10px;