Jõhvi haigla integreerib koostöös Vaata Maailmaga tegevusteraapiatesse robootika - 13. august 2018
Uus ID-kaardi rakendus DigiDoc 4 jõuab arvutitesse - 3. juuli 2018
Eesti ettevõtted investeerivad enam seadmetesse, mitte inimestesse - 3. juuli 2018
Eleringi uus kaardirakendus näitab vabu liitumisvõimsusi kogu Eestis - 30. juuni 2018
Siemens tarnib Elektrilevi OÜ-le elektri mõõteandmete haldussüsteemi pilveteenusena - 30. juuni 2018
Pirita Selveri juures olev elektroonikajäätmete kogumispunkt suletakse - 30. juuni 2018
Riigiportaali vahendusel edastab riik miljon teadet aastas - 30. juuni 2018
Viasat Sport Baltic näitab tänasest spordiülekandeid 24/7 HD-kvaliteedis - 30. juuni 2018
Reaalerialade tudengid saavad kandideerida Skype’i välisõpingute magistristipendiumile - 30. juuni 2018
Kaspersky Lab uuris välja, milleni võib viia lemmikloomade jaoks mõeldud nutividinate kasutamine - 30. juuni 2018
Uus ja põnev trend veebidisainis – Parallax scrolling
Parallax scrolling on pseudo-3D efekt, mille põhimõte seisneb selles, et tagaplaanil liiguvad pildid aeglasemalt kui esiplaanil luues illusiooni sügavusest 2D graafikas. See tehnoloogia sai tuntuks 1982. aastal mänguga Moon Patrol ja on senini kasutusel paljudes arvutimängudes. Arvatavasti olete sellega juba kokku puutunud Siil Sonicut, SuperMario Bro-s või mõnda muud mängu esimestel Nintendo konsoolidel mängides. See on just see sama asi, et mäed, mis on taustal liiguvad aeglaselt ja muru esiplaanil kiiresti.
Viimasel ajal kogub Parallax Scrolling üha enam populaarsust veebidisainis. Selle abil saab pakkuda lehe külastaja jaoks meeldejääva interaktiivse kogemuse. Efekti luuakse enamasti kasutades vaid pildifaile, CSS3-i ja JQuery-t. Vähetähtis pole ka originaalne kontseptsioon. Pildid ja kogu lehe sisu paigutatakse lehele CSS-iga. Parallaxi efekt luuakse mõne rea JQueryga. Laheda tulemuse saavutamiseks ei pea kasutama üldsegi väga palju erinevaid pildikihte. Visuaalselt huvitava tulemuse saab tekitada ka kahe vaid kihiga nagu sellel veebilehel.
Kasutades HTML5 raamistikku ja CSS3-e töötab kõik ladusalt ka mobiiliseadetes ja tahvelarvutites ilma iganenud pluginiteta.
Siin mõned inspireerivad näited, kuidas Parallax Scrolling efekti on kasutatud:
Nike Better World on üks esimesi ja enim tähelepanu saanud vertikaalse Parallax süsteemiga lehti. Iseloomulikuks on esiplaanil kiiremini liikuv tekst ja taustal veidi aeglasemalt liikuvad pildid. See on andnud tõuke paljudele uutele lahedatele eksperimentidele nagu näiteks see:
Parallax scrollingu tehnoloogiat kasutatakse ka kui jutuvestjat. Lehe külastaja liigub lehte alla kerides läbi lehekülje justkui arvutimängus samal ajal saades jupikaupa informatsiooni lehel pakutava teenuse või toote kohta.
Mõned head lehed, millelt saab kasulikke õpetusi kui tekkis soov ise järgi proovida:
Build a parallax scrolling website interface with jQuery and CSS
One Page Website, Vertical Parallaxt
How to recreate Silverback’s parallax effect
Building a parallax scrolling storytelling framework