Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Parallax scrolling

jussitus [04.12.2013 16:01:30]

#

Todella aloittelija oon web-hommissa mutta haluan oppia perusjuttujen lisäksi vähän edistyneempiäkin juttuja. Esim näitä parallax scrolling nettisivuja tuppaa näkymään enemmän ja enemmän, ainakin kaikenmoisissa promojutuissa. Esimerkkejä:
http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html

Eli jos tulee vastaan hyviä oppaita tai tutoriaaleja aiheeseen varsinkin suomeksi niin todella mielellään ottaisin vastaan :)

Kiitos!

Lebe80 [04.12.2013 16:05:52]

#

Webijutuissahan on sellainen hyvä kikka, että aina voi katsastaa tuolta sivun lähdekoodista miten muut ovat asian hoitaneet.

Osassa on selvästi käytetty ihan taustalla jotain monimutkaisempaa järjestelmää, joka on laskenut elementtien koordinaatit yms. mutta usein koodi on kuitenkin ihan silmämääräisesti selkeää luettavaa.

Tuolta siis vain katsomaan miten ammattilaiset homman ovat tehneet. Katso mallia ja sovella!


Itse olen käyttänyt mm. tällaista:
http://prinzhorn.github.io/skrollr/

jussitus [05.12.2013 14:47:06]

#

Kiitos vastausesta Lebe. Joo siis tarkoitiin juurikin jotain ns järjestelmää tai työkalua. Mutta löytyyhän noita netistä googlettamalla aika läjä. Suomeksi vaan aika niukasti ikävä kyllä. Noista monet on hienoja, toiset taas viety liian pitkälle, esim tää http://www.dementialab.org/discovery-lab/ mulla pätkii aika huolella ja kuvien laatu on surkea. Tuolla niitä lisää, muutama aika helmi http://print24.com/blog/2013/09/40-websites-with-parallax-scrolling-and-10-tutorials-for-own-parallax-effects/

Ei muuta kun opettelemaan ja matkimaan paremmin osaavilta :)

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta