- applica un id al body ridurrai il numero di classi necessari per le differenti versioni del medesimo layout
- applica un foglio stile di reset come base
- evita gli hack e usa i commenti condizionali per aggirare i bug di internet explorer
- usa per gli id nomi standard semantici ed autoesplicativi
- usa per le classi nomi legati alle proprietà di formattazione
- usa classi multiple e combinale per razionalizzarle per tipologia e ridurne il numero
- crea un tuo framework css per il setup dei tuoi progetti o impara ad utilizzarne uno opensource
- usa i commenti per dividere i fogli stile in aree facilmente comprensibili da te e dagli altri
- usa i commenti per rendere maggiormente ricercabili selettori, classi e id (ad es /* menu orizzontale =#menuOrizzontale */)
- usa firebug per provare fare debug dei tuoi css
- siamo quasi nel 2009! pensa e progetta per firefox3, internet exlorer 7,8,opera, safari e chrome ma garantisci una navigazione dignitosa anche a ie6 (e 5)
- se decidi di testare i css3 mantienili in un foglio stile separato e richiamalo via js. Sarà più facile mantenerlo e non svaliderà (i css 3 non sono ancora raccomandazioni)
- se lo desideri mantieni css separati per tipografia, impaginazione ecc ma in produzione unifica tutti i css per il medesimo media e ottimizza questo file grazie ai tool online. Ridurrai il tempo di caricamento della pagina.
- per formattazioni puramente estetiche e particolarmente complesse utilizza javascript. Framework come jQuery permettono di effettuare formattazioni condizionali molto complesse utilizzando poche righe con un ottima uniformità crossbrowser
- evita di utilizzare gli stili inlinea e riduci al minimo necessario gli stili embedded.
- cerca di organizzare i tuoi stili in moduli riutilizzabili e combinabili
- Buon Natale!





Una Risposta
ottimi consigli,
tanti auguri per un grandioso 2009