Category: Õpetused

HTMLi kursus #10.1 – Elementide tähendus ja content model

HTMLi kursus #10.1 – Elementide tähendus ja content model

Nüüd oleme jõudnud HTMLi kursusega nii kaugele, et võtame ette natukene keerulisemad teemad kui lihtsalt elemendid. Nimelt on mul plaanis täna sulle selgeks teha HTMLi content model (või ka content types) ehk sisutüübid. Enne kui edasi lähed, soovitaksin sul unustada peaaegu kogu minu teooria plokk- ja siseelementidest, sest nüüd me räägime juba täpsemalt, kuidas HTMLis …

+ Read More

Animatsiooniline veebiarendus: Jõudlus #2.1 – Chrome Performance tööriist

Animatsiooniline veebiarendus: Jõudlus #2.1 – Chrome Performance tööriist

Performance tööriist on animatsioonilises veebiarenduses väga kasulik – sellega saab mõõta sõna otses mõttes veebilehe jõudlust. Edaspidi nimetan Performance tööriista lihtsalt jõudluse mõõtjaks. Tänases animatsioonilise veebiarenduse osas räägingi ühe brauseri (Chrome) jõudluse mõõtjast. Järgmises osas võtan ette Firefox’i performance tööriista. Teistest brauserite tööriistadest ma ei juttu ei tee, sest need ei ole kas kõigile kätte …

+ Read More

Miks ma ei kasuta veebiarenduses juba olemasolevaid disaine?

Miks ma ei kasuta veebiarenduses juba olemasolevaid disaine?

Tegemist on alternatiivpostitusega animatsioonilise veebiarenduse jõudluse teisele osale. Plaanin selle välja lasta järgmine nädal! Tänases postituses käsitletav teema on laiendus postitusele “Kas veebidisainer peaks kasutama frameworke“. Miks peaks disainer hoiduma “šabloonide” kasutamisest? Vastus on väga lihtne – disain on kunst. See tähendab seda, et see on loovtöö. Disaineril ei ole ühtegi piiri ees. Tõesti, kliendi …

+ Read More

Animatsiooniline veebiarendus: Jõudlus #1 – Hardware Acceleration

Animatsiooniline veebiarendus: Jõudlus #1 – Hardware Acceleration

Jõudlus on animatsioonilises veebarenduses väga tähtis, sest see omakorda puudutab (animatsioonilise veebiarenduse kuldsõna) kasutajakogemust. Tänases osas õpetan sulle, kuidas on riistvara seotud jõudlusega ja kuidas seda ära kasutada ning järgmises osas plaanin sulle tutvustada üht kõige tähtsamat tööriista jõudlusest lähtuvalt – Timeline (Chromium tüüpi brauserites) ja Performance (Mozilla tüüpi brauserites). Kolmandas osas võtame ette sellised …

+ Read More

HTMLi kursus #9 – Erilised elemendid

HTMLi kursus #9 – Erilised elemendid

Eelmine osa: HTMLi kursus #8 – Back-end HTMLi kursus hakkab vaikselt (vähemalt elementide poole pealt) lõpule jõudma ja tänases osas võtamegi läbi sellised erilised elemendid, mida on natukene raske grupeerida ja ühe pealkirja alla panna. Üks siinses postituses käsitletud “element” ei ole tegelikkuses isegi element, nii et see postitus on ünsagi special 😀 . Olemas …

+ Read More

Animatsiooniline veebiarendus: jQuery Transit

Animatsiooniline veebiarendus: jQuery Transit

Kuna eelmine animatsiooniline õpetus oli puhtalt jQuery animatsioonide peale, siis võiks teha ka järgmise õpetuse jQueryga seoses. Tänases postituses võtamegi ette jQuery plugina Transiti, mille jõudlus on ünsagi hea. See sarnaneb väga palju animate() funktsiooniga, nii et kui osakd jQuerys animeerida, siis oskad ka siin. Soojalt soovitaksin sul enne lugeda minu jQuery animeerimisõpetust, sest siin …

+ Read More

HTMLi kursus #8 – Back-end

HTMLi kursus #8 – Back-end

Eelmine osa: HTMLi kursus #7 – Formid Tänases HTMLi kursuse osas võtame ette siis HTML back-endi ehk tagaplaani. Tegelikkuses ei ole HTMLil tagaplaani, sest HTML on ise täielikult front-end ehk esiplaani tehnoloogia, kuid andsin postitusele sellise nime, sest neid elemente, mis on siin lahti seletatud, ei näe kasutaja (veebilehel). Jätsin välja ka elemendid, mis võib …

+ Read More

Animatsiooniline veebiarendus: jQuery

Animatsiooniline veebiarendus: jQuery

jQuery on tänapäeval arvatavasti kõige kuulsam JavaScripti teek. Seda kasutatakse tervete veebilehtede (front-end osa) loomiseks. jQueryt saab ka kasutatada veebilehtede animeerimiseks, kuigi tegemist ei ole kõige kiirema animatsioonimootoriga. Küll aga on jQuery parem CSSi animatsioonist, sest JavaScriptiga saab hoida koodi paremini hoomatavana ja JavaScritpis saab teha ka keerulisemaid ja rohkem muudetavaid efekte. jQuery animate() jQuery …

+ Read More

HTMLi kursus #7 – Formid

HTMLi kursus #7 – Formid

Eelmine osa: HTMLi kursus #6.3 – RWD meediafailid Tänaseks teemaks on formid ja nende alamelemendid. Formide põhiline ülesanne on kasutajalt infot vastu võtta (nt. pakisaatmisaadress jne) ja see edasi saata serverisse. Edasi saatmist serverisse küll täna kahjuks ei tee (ei puuduta HTMLi), küll aga kasutame Formspreed, et saata formi sisestatud info sinu e-mailile – esimest …

+ Read More

Kuidas hoida veebianimatsioone hoomatava ja selgena?

Kuidas hoida veebianimatsioone hoomatava ja selgena?

Siin postituses ma eeldan, et kasutad animeerimiseks JavaScripti (koos velocityJS’ga). Kui millegipärast sa ei kasuta JSi, siis loe postituse “Animatsiooniline veebiarendus: CSS3”  lõpu osa. Animatsioonilises veebiarenduses (nagu ka nimi ütleb) on palju animatsioone ning neid on väga keeruline hoida hoomatavana, eriti siis kui animatsioone on palju. Üks asi on see, et sa ise saaksid oma …

+ Read More