Category: Animatsiooniline veebiarendus

Animatsiooniline veebiarendus: Jõudlus #3.1 – Dedicated Web Workers

Animatsiooniline veebiarendus: Jõudlus #3.1 – Dedicated Web Workers

Jõudluse kolmandates peatükkides võtame ette sellised toredad asjad nagu Workers. Kahes esimeses alampeatükis (3.1 ja 3.2) võtame ette nii-öelda veebitöötajad (Web Workers) ja kolmandas Service Workers. Veebitöötajatest üldisemalt Põhimõte Web Workers põhimõte on see, et saaks jooksutada osa JavaScripti tagaplaanil ehk teistes CPU harudes. See on jõudluses väga oluline, sest see muudab veebilehe kiiremaks, kuna …

+ Read More

Animatsiooniline veebiarendus: Jõudlus #2.3 – Konsooliga töötamine

Animatsiooniline veebiarendus: Jõudlus #2.3 – Konsooliga töötamine

Tänases jõudluse osas võtame ette, kuidas ära kasutada konsooli jõudluse mõõtmiseks. Õpetus on mõlemale brauserile (Firefoxile ja Chromiumile) ühine, kuid konsooli funktsiooni ilmuvad “Perforamnce” tööriista (rääkides siinkohal console.time() ja console.timeStamp() funktsioonidest) natukene erinevalt (Chromiumil “Console” põhipaneeli alamlehel ja Firefoxil nii kolmandas paneelis kui ka “Waterfall” vahelehel). console.time() Otseselt tegelikult console.time() funktsioonid (nende all mõtlen console.time() …

+ Read More

Animatsiooniline veebiarendus: Jõudlus #2.2 – Firefox Performance tööriist

Animatsiooniline veebiarendus: Jõudlus #2.2 – Firefox Performance tööriist

Tänases Jõudluse osas võtame ette Firefoxi jõudluse tööriista. Tegemist on põhimõtteliselt samasuguse tööriistaga nagu oli Performance Chromiumi tüüpi brauserites. Eelmises osas tutvustasin ka jõudluse mõõtjat kui tööriista natukene üldisemalt (pärast lindistamise nippe läheb asi üle Chrome spetsiifiliseks). Soovitaksin seda soojalt lugeda. Firefoxi jõudluse mõõtja Ma soovitaks kasutada Firefox’i arendaja versiooni, sest tavalises firefox’is ei pruugi …

+ 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

Blogi Update: Ma ei ole animatsionilise veebiarenduse ekspert!

Blogi Update: Ma ei ole animatsionilise veebiarenduse ekspert!

Lugedes/sirvides siin mõningaid postitusi animatsioonilise veebiarenduse kohta, võib sulle, lugejale, jääda mulje nagu ma üritaksin ennast näidata animatsioonilise veebiarenduse eksperdina. Kui sa oled nõnda mõelnud, siis tea, et ma ei pea ennast animatsioonilise veebiarenduse eksperdiks, küll aga olen sellele spetsialiseerunud ja keskendunud (see tähendab, et pidevalt täiendan ennast sellel alal). Enamus animatsioonilise veebiarenduse tööriistadest, mida …

+ 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

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

Animatsioonilise veebiarenduse põhimõisted

Animatsioonilise veebiarenduse põhimõisted

Tänane postitus on sarnane animatsioonilise veebiarenduse tööriistade postitusega. Selles mõttes, et ajapikku see postitus täieneb. Tänases postituses võid leida tähtsamad mõisted animatsioonilise veebiarenduse kohta. Kasutan kindlasti neid oma (õpetus)postitustes ning selle tõttu soovitaksin nendele pilk peale visata. Aga asume asja kallale 🙂 . Mõisted Omadused – kui animatsioonilises veebiarenduses räägitakse omadustest, siis tihti mõeldakse nende …

+ 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

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