Koliko puta Vam se desilo da, nakon što ste skoro završili ceo web sajt morate da promenite neku sitnicu u CSS-u. Meni mnogo puta. Ako niste bili pažljivi dok ste radili i niste se pridržavali nekoliko jednostavnih pravila, kontrolisanje i traženje određenog stila kroz par stotina i više linija koda može da bude naporno.

Ukoliko niste komentarisali svoj CSS, ili radite izmene na tuđem CSS fajlu koji ste dobili bez komentara, najlakši način da nađete stil koji želite da izmenite je da koristite Firefox i Web Developer dodatak.

Firefox i Web Developer Tool

Sa instaliranom Web Developer ekstenzijom u Firefox-u kliknite CTRL+Shift+Y i kursorom odaberite element na stranici za koji želite da izmenite CSS. U dnu stranice će Vam se pojaviti svi stilovi vezani za taj element, kao i linija koda na kojoj se nalaze ti stilovu u okviru CSS fajla.

Ukoliko ste tokom rada na CSS-u koristili komentare lakše će te pronaći stil koji Vas zanima. Dobra praksa je da svaki element layouta ima svoj komentar.

Na primer:

/**********************************/
/*          Desna kolona          */
/*********************************/
… css …
/********************************/
/*      Kraj desne kolone     */
/*******************************/
Pored toga, često se dešava da u toku rada na CSS-u, pogotovo ako fajl ima 1000+ linija koda, zaboravite hex vrednost određene boje. Dobra praksa je da legendu boja čuvate na vrhu Vašeg CSS fajla:
/*
/* Svetlo plava: #4595be
/* Tamno plava: #367595
/* Link crvena: #9F1212
********************************/
Nadam se da će Vam ovo pomoći u radu, kao što je meni pomoglo kada sam naučio ove jednostavne trikove.