Parallax weboldal Wordpressben, Divi építővel
Weboldaltervezés gyakorlásaként készítettem ezt a parallax tulajdonságú weboldalt. Most biztosan azt gondolod, hogy oké, parallax weboldal. Az micsoda?
Számomra is új dolog volt, a megnevezésével a webdesign tanfolyamon találkoztam én is. Amikor láttam rá példát is, hogy ez az A parallax weboldal, akkor rájöttem, hogy sok ilyet láttam már, csak nem tudtam, hogy ezt nevezzük annak. Ha megnézed az általam készített parallax weboldalt, akkor te magad is rájössz, hogy ja, ez az!
A parallax tulajdonságot úgy magyaráznám egyszerűen, hogy térbeli, már-már 3D hatást keltünk a weboldalon azzal, hogy egy-egy elemnek az egérgörgetés közben különböző értékeket állítunk be a megjelenítéséhez. Pontosabban azt állítom be, hogy az oldal scrollozása közben úgy tűnjön, hogy az adott elem felgyorsul vagy lelassulj a többihez képest. Ezzel mozgó hatást érek el a weboldalon, mintha egymás felett elsuhannának, külön életet élnének. Olyan, mintha két papírlapot, réteget egymás felett elcsúsztatnánk.
Amikor számomra világossá vált, hogy ez az, akkor az is megfogalmazódott bennem, hogy miért nem szeretem ezt a megoldást annak ellenére, hogy nagyon jó, látványos, mozgalmas oldalakat lehet ezzel a trükkel készíteni, akár visszafogott, finom stílusban, a kevesebb több elvét követve.
Talán azért nem szeretem, mert könnyen eshetünk abba a hibába az oldal tervezésekor, hogy túl sok dolgot mozgatunk meg, mert szeretnénk megmutatni, hogy ezt is és azt is tudjuk, de ezzel inkább pont azt érjük el, hogy az oldal túlságosan mozog, zizeg. Így az információt nehezebben tudjuk átadni az olvasónak, ha egyáltalán megpróbálkozik az oldal olvasásával, és nem kattint el róla.
Ezután a bevezető után, íme az én parallax tulajdonságú weboldalam, ami a „Space project” nevet kapta. Egy egyszerű logót is terveztem hozzá. Videón, képen, és élőben is meg tudod nézni.
