Skip to content

A vanilla.js version of the code from the DevTips "Parallax on the Web" series

Notifications You must be signed in to change notification settings

systimotic/Parallax-on-the-Web-DevTips-

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This is a vanilla Js version of what you see below. I did this to practice my Javascript skills and to show the world that you don't need jQuery to do awesome stuff anymore.

Parallax On The Web - Project Files

Video Series for free on YouTube on the DevTips Channel

Releases

Releases correspond to the videos. Visit the releases page on this repo to find the specific state of the code base. In other words; if you are watching video 2 and want to grab the code form that point. You will want to look for that here, or below.

Video 1 - "Intro to Parallax on the Web"


Watch on YouTube

  • There is no code for this video, it's an introductory video

Video 2 - "Parallax Header"


Watch on YouTube

  • This is where the project starts. Get the code.
  • This is where the project stops at the end of this video. Get the code.

Video 3 - "Landing Elements"


Watch on YouTube

Video 4 - "The Periscope"


Watch on YouTube

Video 5 - "Zooming Thumbnails"


Watch on YouTube

Video 6 - "Promo-Scope"


Watch on YouTube

Video 7 - "Floating Elements"


Watch on YouTube

Video 8 - "Revealed Footer"


Watch on YouTube


If this stuff is helpful, consider subscribing to my YouTube Channel

About

A vanilla.js version of the code from the DevTips "Parallax on the Web" series

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 69.6%
  • HTML 26.9%
  • JavaScript 3.5%