• Stars
    star
    346
  • Rank 122,399 (Top 3 %)
  • Language
    CSS
  • Created over 9 years ago
  • Updated about 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

The code that accompanies the video series on YouTube called "Parallax on the Web" — https://www.youtube.com/playlist?list=PLqGj3iMvMa4IyCbhul-PdeiDqmh4ooJzk

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

More Repositories

1

DevTips-Starter-Kit

Ground zero for your next project.
CSS
652
star
2

Artists-Theme

🌄 A free Jekyll Theme developed by the DevTips Community
CSS
592
star
3

Responsive-Web-Design-Basics

This repository supports the video found at http://youtu.be/h3IdEqpjMvQ
96
star
4

Learn-jQuery-in-15-minutes

These files support the youtube tutorials found here: https://www.youtube.com/playlist?list=PLqGj3iMvMa4KOekRWjjajinzlRK879Ksn
HTML
92
star
5

Jekyll-Powered-Podcast-XML-Generator

I wanted a clean way to organize my self-hosted podcast xml. Jekyll to the rescue!
78
star
6

Animated-Music-Player

Use CSS animations and JS to rock this music player to the beat!
CSS
51
star
7

HTML-and-CSS-slide-out-navigation

This repository supports the video found at http://youtu.be/d4P8s-mkMvs
37
star
8

Custom-Animated-Checkboxes

Watch the video ... See the code
33
star
9

CSS-Grid-Frameworks-Series

A single layout recreated using different grid frameworks, video recorded and put on YouTube. Like a champ.
CSS
30
star
10

github-for-noobs

CSS
29
star
11

splash-page-and-modal

https://youtu.be/ki3Izu3EcYI
CSS
25
star
12

GitHub-For-Noobs-Community-Tips

This Repo is a collection of great tips and references from the comments found in the GitHub for Noobs Series — https://www.youtube.com/playlist?list=PLqGj3iMvMa4LFz8DZ0t-89twnelpT4Ilw
21
star
13

Zooming-Header

This code example is from the DevTips Live! episode.
14
star
14

javascript-templating

World Cup Yall! Let's learn how to make this cool name card templatized and flip out when we hover over a world-cup players name.
CSS
11
star
15

How-to-get-more-signups-using-browser-cookies

This repo accompanies a YouTube video, see the readme
CSS
8
star
16

Codepen-example-base

just a thing
CSS
2
star