Category: Animatsiooniline veebiarendus

Animatsiooniline veebiarendus: Jõudlus #3.2 – Shared Web Workers

Animatsiooniline veebiarendus: Jõudlus #3.2 – Shared Web Workers

Tänases jõudluse osas võtame ette Shared Web Worker‘id. Need on ülimalt sarnased eelmises, jõudluse #3.1 osas läbi võetud, Dedicated Web Worker‘itega. Nii et ma soovitan sul see läbi lugeda, kui sa juba seda teinud ei ole. Erinevus Dedicated Web Worker‘itega Iseenesest on Shared Web Worker‘i (edaspidi lihtsalt Shared Worker‘i) ülesandeks täpselt see, mis Dedicated Worker‘itelgi …

+ Read More

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 Worker‘ite 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 ega ka lihtsalt front-end veebiarenduse eksperdiks, küll aga olen sellele spetsialiseerunud ja keskendunud (see tähendab, et pidevalt täiendan ennast sellel alal). …

+ 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