The Parallax Effect // 5 Minute WebDev Project

0 0 28

Người đăng: Fireship

The Parallax Effect is an optical illusion that can give a website the appearance of 3D depth. Learn how to design a parallax website with React Spring in this 5 minute tutorial. https://fireship.io/pro

#webdev #js #learntocode

🔗 Resources

Source code https://github.com/fireship-io/skydiving-cat-parallax
React Spring Parallax https://react-spring.io/
Demo by isladjan https://codepen.io/isladjan/pen/abdyPBw
The boat Demo https://www.sbs.com.au/theboat/

🔥 Get More Content - Upgrade to PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- How parallax works
- Examples of parallax websites
- Scroll parallax implementation
- Webdev tips and tricks

Bình luận

Bài viết tương tự

02/03/2021 - vừa được xem lúc 13/12/2023

Writing Good Alt Text - HTTP 203

Video

Jake and Surma tackle the age-old problem: what should you include in an image's alt text. Chrome Dev Summit website → http://goo.gle/3upQ0DA. Twitter thread → https://goo.

0 0 20

08/02/2021 - vừa được xem lúc 13/12/2023

SEO for Developers in 100 Seconds

Video

Learn the fundamentals of Search Engine Optimization (SEO) from the perspective of a web developer. Determine the optimal way to structure and render HTML for bots https://fireship.

0 0 33

15/03/2021 - vừa được xem lúc 13/12/2023

WebRTC in 100 Seconds // Build a Video Chat app from Scratch

Video

Want to build your own peer-to-peer video chat app? WebRTC is a technology that creates a realtime connection between browsers where users can exchange audio/video streams https://fireship.io/lessons/

0 0 29

21/03/2021 - vừa được xem lúc 09/01/2024

VS Code Path Mapping Magic Trick for JavaScript #Shorts

Video

Use path mapping to avoid fumbling over long relative module imports in your JavaScript code. Just create a JSconfig.json file in VS Code, or use an existing TSconfig. .

1 0 52

24/03/2021 - vừa được xem lúc 12/12/2023

4 Steps to Become a Developer #Shorts

Video

How do I become a web developer? IMO, the best way to learn web development is to build something meaningful, over and over again. 2. Fail trying to build it. 3.

0 0 25

24/03/2021 - vừa được xem lúc 12/12/2023

The big back button quiz - HTTP 203

Video

How well do you know how the back button works (and other session history related things)? Jake has written an impossible quiz based on some of the weirdest browser behavior he's seen recently. Will S

0 0 23