Uso dei commenti CSS

Alcuni anni fa era stato pubblicizzato l'uso di speciali flag nei commenti CSS per facilitare la ricerca da parte degli editor testuali all'interno dei file CSS. Questi flag avevano semplicemente la forma di un segno di uguale posto immediatamente dopo l'apertura del commento. Esempio:

/*= Commento */

Possiamo aggiungere una maggiore semantica a questa tecnica usando delle lettere per marcare la funzione del commento. Per esempio, potremmo usare la seguente combinazione di lettere:

B

Marca un bug incontrato nel CSS che deve essere risolto.

F

Marca un fix per un bug.

H

Marca un hack.

J

Marca degli stili da usare in combinazione con JavaScript.

M

Marca una modifica apportata al CSS.

Esempi:

#extra {
  float: right;
  margin-right: 1em;
  display: inline;  /*=F Fix per il doubled margin bug */
}
h1 {
  color: #393; /*=M Cambiato il colore del testo in verde */
}

Facendo così è più semplice avere una chiara idea della struttura e della semantica del nostro foglio di stile. Alla prossima!