Errori da evitare nella scrittura di CSS
Lunedì 31 Luglio 2006 - 09:00
di Cesare Lamanna
Perché scrivere padding:0px 0px 5px 0px; quando lo stesso risultato si può ottenere usando padding:0 0 5px 0;? E non è meglio color:#fff; di color:#ffffff;?
Questi e altri errori comuni da evitare nella scrittura di CSS in una miniguida di Design Detector.
Per un discorso più corposo vi rimando anche all’articolo Ottimizzare i CSS di Alessandro Fulciniti.
Commenti
1
Io sapevo addirittura che si può solo scrivere:
padding:0 0 5px;perchè il padding destro e sinistro sono uguali…# - postato da Gabriele - 31 Luglio 2006 - 09:23
2
Cesare, ma non vai in vacanza? Scommetto che ti hanno chiuso dentro la redazione di HTML.it e non ti fanno più uscire ;-)
# - postato da Egidio aka Sickbrain - 31 Luglio 2006 - 09:41
3
Quello di raggruppare gli elementi mi pare molto significativo, magari in CSS molto grandi sarebbe utile un programma che calcola ogni possibile disposizione per redere il codice il più compatto possibile…
4
L’importante è che la validazione dei css vada a buon fine (http://jigsaw.w3.org/css-validator/). Sicuramente aiuta molto tenere conto di questi errori frequenti, cercando di evitarli.
# - postato da Luca - 31 Luglio 2006 - 11:02
5
Diciamo che la maggior parte non sono errori ma cattive abitudini :)
Sono contento di non averne nemmeno una :)
# - postato da neon - 31 Luglio 2006 - 14:58
6
Quello di raggruppare gli elementi mi pare molto significativo, magari in CSS molto grandi sarebbe utile un programma che calcola ogni possibile disposizione per redere il codice il più compatto possibile…
Gli strumenti che vorresti esistono già: ti consiglio la lettura di questo post su
7
Ciao,
ho provato cleancss e mi sembra un ottimo tool, il migliore fra quelli proposti dal link di Maurizio.
Ho un css da 15 kb molto “arioso” (non mi interessa se devo scrollare tanto, l’importante e’ leggere bene) faccio la compressione massima su cleancss con l’intenzione di iniziare a tenere un css per lavorare e una versione per l’upload ma scopro con delusione che me lo comprime di solo il 4,8%, praticamente toglie un kb (penso ricavato dalla rimozione dell’unita’ di misura su propieta’ con valore 0).
Quindi consiglio di tenere ben leggibile il css visto che gli a capo e qualche spazio bianco non influiscono sul peso.# - postato da Grab - 01 Agosto 2006 - 09:56
8
Errori nel senso di allungare il codice CSS, nel caso degli shorthand. Io credo comunque che l’errore più grave sia quello di limitare i CSS al solo ambito di posizionamento immagini, come in CSS Zengarden, che è fatto per il mercato. O accontentarsi di quello che i CSS offrono oggi, invece di quello che potrebbero offrire, ossia un vero controllo layout. Nei CSS3 si sta sviluppando un modulo per il layout. speriamo che questo eviti di rilassarsi troppo sulle due proprietà che si usano oggi: ‘position’, ‘float’. in più ‘background’, ovviamente. l’errore più grave nella scrittura è un errore concettuale, un errore di sottovalutazione dei CSS. gli errori di scrittura, le cattive abitudini si correggono. ma come fai a cambiare l’errore di fondo alla base della mentalità che c’è nei confronti dei CSS? ottimo spunto. ciao
Gabriele
# - postato da Gabriele Romanato - 11 Agosto 2006 - 10:24