Saīsinam "padding" un "margin"

Apskatīšu iespēju, kā ir iespējams saīsināt atribūta "padding" un "margin" vērtības. Piemēram, nodefinēsim klasei "koks" atribūtam "padding" vērtības.

Neoptimizēts variants:

.koks
{
padding-bottom:5px;
padding-left:10px;
padding-right:15px;
padding-top:1px;
}

Optimizēts variants:

.koks {
padding: 1px 15px 5px 10px;
}

Rezultāts acīm redzams, tiek ietaupītas teju 3 rindiņas vai 45 simboli. Atliek vien atcerēties "padding: top right bottom left;" un "margin: top right bottom left;".

UI programmēšana

Web-Tehnoloģiju skolā atvērta reģistrācija, manuprāt, jaunai un ļoti perspektīvai mācību programmai - UI programmēšana.

Programmas mērķis – visu nepieciešamo līdzekļu apguve lietotāja saskarnes izveidei, ar kuras palīdzību lietotājs savstarpēji iedarbojas ar web-lapu vai web-aplikāciju caur pārlūkprogrammu. Programmā tiek studēta klasiskā un populārākā saskarnes izstrādes metode ar HTML, CSS un JavaScript valodu palīdzību, šo valodu specifikācija un tiek izskatītas problēmu risināšanas metodes web-aplikāciju izstrādes laikā, kā arī to uzturēšana dažādās pārlūkprogrammās.

Avots: webskola.lv

Sastrukturizēt CSS failu

Online serviss styleneat.com palīdz sastrukturizēt CSS failu.

Piemēram, no šī:

#id1 { property: value; }
#id1 .class1 { property: value; }
#id1 .class1 a { property: value; property2: value2; property3: value3; }
#id1 .class1 a span { property: value; property2: value2; }
#id2 { property: value; }
#id2 .class { property: value; }

uz šo:

#id1 { property: value; }
 
 #id1 .class1 { property: value; }
 
  #id1 .class1 a {
   property: value;
   property2: value2;
   property3: value3; }
 
   #id1 .class1 a span {
    property: value;
    property2: value2; }
 
#id2 { property: value; }
 
 #id2 .class { property: value; }