QuickTip #3 : APA ITU PARALLAX EFFECT?

QuickTip #3 : APA ITU PARALLAX EFFECT?

QuickTip #3 : APA ITU PARALLAX EFFECT?

di QuickTip episode 3 kali ini, kita akan membahas mengenai efek parallax yang biasa digunakan pada website..

penjelasannya meliputi definisi dan kegunaan parallax, contoh-contoh website yang menggunakan efek parallax dan bagaimana cara membuat efek parallax sederhana pada website kita..

CONTOH2 WEBSITE :

1. Fixed Background Scrolling Body
http://elefant-art.com/
http://www.cantilever-chippy.co.uk/

2. Landing Element
– apple.com/macbook

2. Slow Element
http://jason-kenny.com/

3. Jib Effect
http://www.firewatchgame.com/

4. Zoom Effect
http://www.nytimes.com/projects/2013/tomato-can-blues/?hp

5. Mouse Movement
http://www.madwell.com/
http://www.plasticbcn.com/
http://skuawk.com/

6. Reveal Elements
http://www.lexusls.asia/

7. Horizontal Scrolling
http://hotdot.pro/#bilet2u

8. gabungan
https://www.youngandhyperactive.de/

——-

PLAYLIST KEREN LAINNYA :

– HTML Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F

– CSS Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p

– Tutorial Sublime Text
https://www.youtube.com/playlist?list=PLFIM0718LjIWE-Ot9V9qcALx5OMAZY67c

– CSS Layouting
https://www.youtube.com/playlist?list=PLFIM0718LjIUu4Ju9GUL5zpLcuq08TKYr

– CSS3
https://www.youtube.com/playlist?list=PLFIM0718LjIVCmrSWbZPKCccCkfFw-Naa

– NGOding BAReng
https://www.youtube.com/playlist?list=PLFIM0718LjIVpXbAwu_Cg9PdJO1GvyvCn

– #TANYAPADIKA
https://www.youtube.com/playlist?list=PLFIM0718LjIWOm7-Jw9LkwsXDzlylspKL


SOCIAL MEDIA

https://www.facebook.com/WebProgrammingUNPAS
http://codepen.io/webprogrammingunpas
https://github.com/webprogrammingunpas
http://twitter.com/sandhikagalih
http://instagram.com/sandhikagalih

terimakasih dan selamat #ngoding!

@sandhikagalih
QuickTip #3 : APA ITU PARALLAX EFFECT?



QuickTip #3 : APA ITU PARALLAX EFFECT?

Related posts

30 Thoughts to “QuickTip #3 : APA ITU PARALLAX EFFECT?

  1. Gila keren keren banget pak websitenya,apalagi firewatch sama nytimes pak menurut saya yang paling keren. Ini video bikin makin memotivasi saya buat lebih semangat lagi belajarnya pak. 😀 The best lah video-video dari Pak Dika.

  2. Berarti untuk gambar panggil function nya gambar untuk melakukan parllax?

  3. Bang bikinin parallax yang jib effect dong

  4. jangan berhenti membuat tutorialpak sangat bermanfaat ni

  5. pak dika , saya selalu gagal di pembuatan function dan file script.js di console tidak keluar ok , mohon pencerahannya .

  6. Bang..
    Bikin tutorial yang website nya horizontal dong..
    Saya gi belajar parallax dan yg horizontal di video ini yg menarik..
    Sebelumnya saya ucapin makasih banyak ya, bang..

  7. Yang HORIZONTAL SCROLLING, Bang..

  8. Yang no 4 bang "jib effect" mantap tu d bkin tutorialnya 👍👌

  9. Saya sangat setuju klw bpk membahas cara pembuatan paralax effect horizontal scrolling, sebelumnya terima kasih bangeet.!

  10. video tahun lalu aja masih bisa memberikan manfaat bagi orang2 di tahun ini
    terima kasih pak, semoga menjadi amal perbuatan dan pahalanya mengalir terus hehe

  11. ka kalau boostrap 4 ada fitur parallaxnya ga?

  12. pak saya mau nanya cara bikin parallax drone effect gimana ya?

  13. makasih pak …… Materinya membantu banget

  14. Kaa mauu dong buatin tutorial buat web dari 0 sampai siap lauching.

  15. Jib effect sma horizontal scrolling

  16. websitenya Mas Kresna Galuh co-founder Codepolitan juga ada parallax effect nya http://www.kresnagaluh.com/

  17. horizontal scrolling dong pak dika 😀

  18. mantap kang,saya juga berencana membuat tutorial programming supaya bisa memberikan manfaatt untuk orang lain seperti akang,salam dari teknik informatika polban

  19. penjelasannya enak banget,,,,

  20. bikin seri jquery pak, pliss, soalnya kalo bapak yang ngajarin itu entah knp cepet di mengerti, saya udh cari di yang lain cuma susah ngertinya hehe

  21. Bikin aja satu satu bang efek2nya bikin tutorialnya please sangat membantu banget:(

  22. fixed background scrolling, zoom effect,sama horizontal mantep banget pak

  23. Saya nemu portfolio site keren nih kak, yang make parallax effect :
    http://www.rleonardi.com/interactive-resume/

  24. Dari html,css,sampe masuk JavaScript tentang pengkondisian sekarang masih belajar disini
    Terimakasih pak

  25. Kang effek parallax ini cuman bisa di desktop ya?
    Apa bisa di tab/ smartphone atau device lain?

Leave a Comment