Olimpo Informatico

[kluster]

Riporto il link ad un articolo molto interessante che mostra un metodo corretto per strutturare i vostri file css, partendo dal giusto ordine di inserimento dei separatori, la qualificazione del loro percorso completo, l'indentazione ed altri trucchi:
http://friendlybit.com/css/how-to-structure-large-css-files/
l'articolo è in inglese, se non capite qualcosa sono a disposizione.

[Marcolino]

Mi pare che più che un metodo per grandi file di fogli di stile sia una regola da applicare sempre, francamente mi pare che abbia scoperto l'acqua calda.
Però ha ragione, dare un ordine ai selettori così come li si mette nell'html da un senso di ordine al file, per il resto non serve a nulla.

[splarz]

io ho apprezzato l'articolo, sarà anche l'acqua calda ma in genere ci si arriva sbagliando molti fogli di stile prima

[madvero]

spetta un attimo... sarà l'inglese ma io non l'ho capito.
fatemi fare il riassunto.

i suggerimenti sono:
- strutturare il css nello stesso modo in cui è fatto il foglio, ovvero se prima c'è l'header, nel foglio di stile definire lo stile dell'header etc...
- se il foglio di stile è lungo, mettere la path completa dell'area del foglio che si sta definendo, in modo da capire tutto al volo
- identare
- fare in modo che le righe del css non siano tanto lunghe a andare a capo, regolandosi in saggio modo con le spiega messe a margine
- definire le proprietà di tutti gli elementi sempre nello stesso ordine, magari prima lo sfondo, poi il carattere, poi i pixel... meglio se si usa l'ordine alfabetico

ho capito bene?

mi state dicendo che (ordine logico & mentale specifico di chi si scrive il foglio di stile a parte) esiste qualcuno che fa i fogli di stile a capocchia, definisce prima come dev'essere il corpo dell'h2, poi lo sfondo del body, poi i link dell'header...
non ci credo.
dai, non ci credo.

[madvero]

ps: mi sembrava però di aver letto da qualche parte che sarebbe meglio raggruppare il più possibile gli elementi comuni del foglio di stile, una volta generato il css.
forse nei suggerimenti nel validatore del w3c?
forse è sempre il mio inglese... prima o poi mi iscrivo a qualche corso, promesso.

[splarz]

[madvero]

vabbè, che c'entra... tutti quando hanno messo mano per la prima volta ad un css hanno pasticciato (me compresa) !!! prendevi un pezzo di una pagina di prova, gli davi un nome, facevi un css e mettevi le definizioni dell'id... prendevi un altro pezzetto, sperimentavi altre cose... giusto per vedere come funzionano. però quando ti metti a fare una paginetta, vai in ordine.
certo, è il tuo ordine mentale, magari a qualcuno che legge il tuo css sembra una cosa da squilibrati, ma un ordine c'è (lo dico nel caso qualcuno vedesse i miei penosi css... io sto ancora all'abc).
tanto per farti un esempio scemo, io i /* non so manco cosa siano: non commento niente. anche dell'identazione fondamentalmente me ne frego: capirai, tre righe in totale di attributi!
ognuno fa un po' come crede, ma penso che sia impossibile non seguire un preciso ordine per raccapezzarsi. per qualcuno, magari l'ordine è definire prima tutti i particolari del body, tutta la formattazione del testo e poi caratterizzare i singoli div... ma l'ordine c'è.

[Marcolino]

[rebelia]

concordo, il venerdi' puoi fare di meglio

concordo anche con commenti e indentature: sono comodi a prescindere dalla lunghezza del css e ti rendono velocissimo rivederlo se serve

[splarz]

[madvero]

voi mettete mano a tanti siti, io ad uno soltanto: ci sono tre selettori in croce, se me li dimentico sono deficiente !!!

[splarz]

io son talmente rinco che nel tuo sarei capace di perdermi

[Marcolino]

Tutti abbiamo iniziato da qualche parte.