Optimizarea Codului CSS – part 1

De azi incep sa scriu despre optimizarea codului. Cod Javascript, cod HTML, CSS etc.

Pentru inceput voi exemplifica prin css. Nu voi tine lectii de incepatori sau basic, pentru asta apelati cu incredere laGoogle sau la W3 Schools.

Iar aici ma refer la optimizarea lui pentru WEB, adica pentru a putea fi cat mai mic si mai rapid transferabil. Nu mai povestesc de biti si bytes ca nu are sens.

Iau ca exemplu o clasa (ea poate fi atasata oricarui tag fie el <div> <p> <span> etc.)


.clasa {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

Clasa de mai sus practic face margin si padding sa fie 0 in toate directiile (ordinea declaratiei fiind sus dreapta jos stanga). Acest lucru se poate scrie si asa


.clasa {
margin:0px 0px;
padding:0px 0px;
}

Evident codul este mai scurt si efectul este acelasi doar ca acum declaratiile sunt (sus si jos, dreapta si stanga).

Putem merge mai in extrema dar numai daca distanta pentru sus jos stanga si dreapta este aceeasi.


.clasa {
margin:0px;
padding:0px;
}

Se poate merge chiar mai departe dar numai in cazul in care vrem margin si/sau padding de 0px. Codul il vom scrie sub forma urmatoare:


.clasa {
margin:0;
padding:0;
}

si atunci va insemna zero pentru toate directiile si vom avea un cod optim din punct de vedere al marimii (evident aici nu includ numele clasei si nici scrisul inline). Despre care voi vorbi in alte parti.