https://github.com/needmorecowbell/parallax-site-example
A website that uses parallax animation. Working my way down the code and editing the parallax animations as I go.
https://github.com/needmorecowbell/parallax-site-example
Last synced: 6 months ago
JSON representation
A website that uses parallax animation. Working my way down the code and editing the parallax animations as I go.
- Host: GitHub
- URL: https://github.com/needmorecowbell/parallax-site-example
- Owner: needmorecowbell
- Created: 2016-12-30T03:55:44.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2016-12-30T17:44:30.000Z (almost 9 years ago)
- Last Synced: 2025-02-18T18:01:57.633Z (8 months ago)
- Language: CSS
- Size: 1.17 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.html
Awesome Lists containing this project
README
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”
- There is no code for this video, it’s an introductory video
Video 2 - “Parallax Header”
- 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”
- Grab the code we wrote in this video. Get the code.
Video 4 - “The Periscope”
- Grab the code we wrote in this video. Get the code.
Video 5 - “Zooming Thumbnails”
- Grab the code we wrote in this video. Get the code.
Video 6 - “Promo-Scope”
- Grab the code we wrote in this video. Get the code.
Video 7 - “Floating Elements”
- Grab the code we wrote in this video. Get the code.
Video 8 - “Revealed Footer”
- Grab the code we wrote in this video. Get the code.
If this stuff is helpful, consider subscribing to my YouTube Channel