Category: Õpetused

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

HTMLi kursus #6.3 – RWD meediaelemendid

HTMLi kursus #6.3 – RWD meediaelemendid

Eelmine osa: HTMLi kursus #6.2 – keerulised meediaelemendid Selles meediaelementide õpetuspostituses räägin ma RWD meediaelementidest. Ja nagu ikka on olemas näidisleht, mille interaktiivne versioon asub siin. Näidisleht RWD’est üldisemalt Enne kui ma räägin RWD meediaelementidest ja nende atribuudidest, teen ma selgeks, mis RWD üldse on. RWD (Responsive Web Design) ehk skaleeruv veebidisain on veebidisain, kus …

+ Read More

HTMLi kursus #6.2 – keerulised meediaelemendid

HTMLi kursus #6.2 – keerulised meediaelemendid

Eelmine osa: HTMLi kursus #6.1 – lihtsad meediaelemendid Selles meediaelementide osas on keerulisemad elemenedid. See tähendab seda, et need elemendid vajavad korralikuks funktsioneerimiseks mingis muus keeles välisfaili (mida ma arvan, et sa veel ei tunne). Ja selletõttu ei pruugi sa neid elemente täielikult kasutada. Kui aga sa saad asjadest aru ja sa oskad elemente kasutada, …

+ Read More

HTMLi kursus #6.1 – lihtsad meediaelemendid

HTMLi kursus #6.1 – lihtsad meediaelemendid

Eelmine osa: HTMLi kursus #5 – Sektsioonielemendid Tänases HTMLi kursuse osas võtame ette meediaelemendid ehk elemendid, mis lubavad HTMLi lisada videoid, audiot, pilte ja muid renderdamisega seotud faile. Siin postituses on välja toodud elemendid, mida on kerge HTMLi lisada ning ei vaja lisateadmisi muudest valdkondadest. Algselt pidi tänane artikkel olema üks postitus, aga otsustasin jagada …

+ Read More

Häid Jõule!

Häid Jõule!

Täpselt nii! Jõulud on lõpuks käes! Kauneid jõule Sulle mu kallis lugeja! Aga et nüüd jõulupäev lihtsalt niisama ei mööduks, tahaksin ma sulle õpetada, kuidas teha üsnagi lihtsat ja toredat jõulukaarti veebiarendaja moodi. Kui sa järgnevatest asjadest aru ei saa, siis ole mureta (mõned õpetused võid leida siit või siit). Ma olen lihtsalt kasutanud veebikeeli, …

+ Read More

CSSi täielik tagataust

CSSi täielik tagataust

CSSi täielik tagataust (nagu nimi ütleb) on mõeldud terve veebilehe ära katmiseks. Tegemist on ünsagi toreda asjaga. See võib muuta veebilehe palju ilusamaks ja ka interaktiivsemaks. Lisaks sellele on tegemist viimase aja ühe suurima trendiga, nii et selle ära õppimine tuleb kindlasti igati kasuks. Aga ega ma rohkem rääkida ei tahakski. Let’s start coding 🙂 …

+ Read More

HTMLi kursus #5 – Sektsioonielemendid

HTMLi kursus #5 – Sektsioonielemendid

Eelmine osa: HTMLi kursus #4.2 – tabelid Tänaseks teemaks on HTMLi sektsioonielemendid. Tegemist on elementidega, mille ülesanne on jaotada veebileht erinevateks (alam)osadeks, mis aitavad veebilehte paremini mõista ja ka kujundada. Sellelgil osal on näidisleht (interaktiivne näide siin) ja konspekt (interaktiivne näide siin). Näidisleht Tänases osas on inspekteerimine isegi kohustsulik, sest sektsioonielemendid ei anna juurde mingit visuaalset …

+ Read More

HTMLi kursus #4.2 – Tabelid

HTMLi kursus #4.2 – Tabelid

Eelmine osa: HTMLi kursus #4.1 – Nimekirjad Tänases õpetuses võtame ette tabelid. Need ei ole väga keerulised, aga siiski võib tulla ette kohti, mis on segadust tekitavad ja vahel isegi tüütud. Ma olen jaganud selle postituse kolmeks osaks: lihtsamad tabelid – räägin tabelite algtõdedest ja elementidest keerulisemad tabelid – räägin natukene keerulisemate tabelite elementidest tabelite …

+ Read More

Veebikeelte hullus

Veebikeelte hullus

Miks on veebikeeled “pöörased”? Kindlasti kõik arendajad või tech savvyd disainerid teavad, et enamus veebikeeli on väga dünaamilised. See tähendab, et ühte ja sama algoritmi või käsklust saab kirja panna mitmel viisil. Nagu näiteks funktsioonid JavaScriptis. function add(a, b){ return a + b; } var add = function(a, b){ return a + b; }; Mõlemad variandid on …

+ Read More

HTMLi kursus #4.1 – Nimekirjad

HTMLi kursus #4.1 – Nimekirjad

Eelmine osa: HTMLi kursus #3 – Tekst Enne kui lähen tänase postituse juurde ütlen ma kohe ära, et siin on plokkelemendid plokkelemendite sees. Tegemist on võib olla praegu natukene “illegaalse” tegevusega, kuid teatud mõttes on tänased lapselemendid sektsioonelemendid. Need jaotavad elemendi sisu mitmeks erinevateks osadeks. Näidisleht (pöörake tähelepanu erinevatele nimekirjadele) Lähtekoodi nägemiseks klikkage paremal üleval …

+ Read More