FripFrap video podkasts

 

Video podkasts FripFrap (angļu valodā par html/css/js/...), kuru veido divas daiļās būtnes. 

CSS refresh

CSSrefresh ir mazs javascript, kas uzrauga CSS failu. Veicot izmaiņas, javascript automātiski pārlādē lapu. Plašāka informācija cssrefresh.frebsite.nl.

You are the CSS to my HTML

HTML & CSS T-krekls

Iespējams iegādāties pie Uzvelckreklu.lv.

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; }