CSS – 16 consigli da non dimenticare + tanti auguri ;)

  1. applica un id al body ridurrai il numero di classi necessari per le differenti versioni del medesimo layout
  2. applica un foglio stile di reset come base
  3. evita gli hack e usa i commenti condizionali per aggirare i bug di internet explorer
  4. usa per gli id nomi standard semantici ed autoesplicativi
  5. usa per le classi nomi legati alle proprietà di formattazione
  6. usa classi multiple e combinale per razionalizzarle per tipologia e ridurne il numero
  7. crea un tuo framework css per il setup dei tuoi progetti o impara ad utilizzarne uno opensource
  8. usa i commenti per dividere i fogli stile in aree facilmente comprensibili da te e dagli altri
  9. usa i commenti per rendere maggiormente ricercabili selettori, classi e id (ad es /* menu orizzontale =#menuOrizzontale */)
  10. usa firebug per provare fare debug dei tuoi css
  11. 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)
  12. 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)
  13. 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.
  14. 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
  15. evita di utilizzare gli stili inlinea e riduci al minimo necessario gli stili embedded.
  16. cerca di organizzare i tuoi stili in moduli riutilizzabili e combinabili
  17. Buon Natale!

Una Risposta

12.15.08

ottimi consigli,

tanti auguri per un grandioso 2009

Lascia un commento

* Nome, Email e commento sono campi obbligatori

Archivio vecchi post