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

JavaScripti teek: JSDynamicFormContent

JavaScripti teek: JSDynamicFormContent

Lasin just hiljuti välja uue (vanilla) JavaScripti teegi JSDynamicFormContent, mille ülesandeks on saada formidest kätte andmed dünaamiliselt (ilma veebilehte värskendamata). Kui ma tegin HTMLi kursuse #7 osa, siis tehes natukene uurimistööd internetis, et näidata formi andmeid samal leheküljel, leidsin ma stackoverflow’st ühe väga toreda küsimuse, mis läks minu probleemiga kokku. Lootsin avastada mingi one-fit all …

+ Read More

Veebruarikuu kokkuvõte

Veebruarikuu kokkuvõte

Kuu kokkuvõte #9 TÄHTSAMAD TEEMAD JA UUDISED Huvitavamate lugude kokkuvõtted Kuidas muuta CSSi transform‘i omadus individuaalsetel elementidel ühesuguseks? Tegemist on väga huvitava (animatsioonilise veebiarenduse) artikliga ja ma pole siiamaani sellist probleemi näinud, kuid see postitus näitas selle probleemi olemasolu ja lahendust. Animatsioonilise veebiarendajale on see must read! Universaalne brändimistööriist kõigile! See on olemas ja see on brändi …

+ 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 ole osa HTMList), küll aga kasutame Formspreed, et saata formi sisestatud info sinu e-mailile – …

+ 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

Animatsioonilise veebiarenduse tööriistad

Animatsioonilise veebiarenduse tööriistad

Koostan siia nimekirja kõikidest tööriistadest, mida saab kasutada animatsioonilises veebiarenduses. Ajapikku see kindlasti pikeneb, kuna kõiki tööriistu ma ei tea ja suure tõenäosusega tekib ka neid juurde. Siia nimekirja alla käivad nii tekstiredigeerijad kui ka spetsiifilised JavaScripti teegid. Annan iga tööriista kohta ka enda poolt lühikese ülevaate (kui olen seda kasutanud), mis võib sind aidata …

+ Read More

Programm GeoArvutused

Programm GeoArvutused

Kuna olen olnud viimasel ajal ünsagi palju kooliga aktsioonis, siis täna jääb järjekordselt HTMLi kursuse osa ära, aga blogipostitusest ma sind ilma ei jäta 🙂 . HTMLi kursuse seitsmes osa tuleb loomulikult välja järgmine nädal. Viivituse süüks võiks öelda nende postituste mahtu, mis on võrreldes teistega suur. Ma ei oska küll tulevikku ette ennustada, aga …

+ Read More

Animatsiooniline veebiarendus: CSS3

Animatsiooniline veebiarendus: CSS3

CSS(3) on kõige tavalisem stiilimiskeel veebilehtedele ning seda võib ka teatud määral ära kasutada animatsioonilises veebiarenduses. CSSi saab väga hästi ära rakendada just veebilehe väiksemate osade (nagu näiteks lingid) animeerimiseks ja sujuvamaks muutmisel. CSSi animatsioonid CSSi animatsioonidega saab animeerida kõiki elemente, mis on HTML’is ära defineeritud. Tegemist on üsnagi lihtsa süsteemiga, mille jõudlus on väga hea. …

+ Read More

Jaanuarikuu kokkuvõte

Jaanuarikuu kokkuvõte

Kuu kokkuvõte #8 TÄHTSAMAD TEEMAD JA UUDISED Huvitavamate lugude kokkuvõted Google tagasivaade aastasse 2016! Jah 2016. aasta saigi ju läbi. Seega Google viskab pilgu eelmisesse aastasse ning just vabatahtlikke valdkonda. Väikene tore jutt selle kohta, kuidas Google aitab MTÜ’sid üle maailma. Mis toimub (veebi)programmeerimis valdkonnas 2017? Ennustused, ennustused ja veelkord ennustused. Need on need asjad, …

+ Read More

Kuidas alustada animatsioonilise veebiarendusega?

Kuidas alustada animatsioonilise veebiarendusega?

See postitus ei ole mõeldud nendele algajatele, kellel ei ole põhiteadmisi (front-end) veebiarendusest (HTML, CSS ja JS), vaid algajatele, kes tahavad alustada animatsioonilise veebiarendusega ning kellel on juba algteadmised veebiarendusest olemas. Kui sul pole piisavalt teadmisi praegu, siis võid vabalt lugeda “Kuidas alustada veebiarendusega?” või HTMLi kursust. Ei tea, mis on animatsiooniline veebiarendus? Loe seda …

+ Read More