Where do i learn the skills to create this

Frontend Developer Forum Frontend Questions/Help
,
1

So I’ve got a client that wants to build a site like this:

Specifically 3 things from the website:

  1. The fullscreen sections that change as you scroll (meaning it does a full section on 1 scroll rather than moving the screen down slightly)
  2. The animations when a new section is scrolled to (Meaning it doesn’t look like it scrolls down)
  3. The horizontal scrolling when it reach’s the work section (he wants 1 section to switch to horizontal scrolling as you reach it then switch back from it)

Any articles or tutorials that could teach me this?

2 Likes
2

Corresponding tweet for this thread:

Share link for this tweet.

2 Likes
3
  1. Maybe it is CSS scroll snap
  2. GSAP can be used for these types of animation

You can also install Wappalyzer chrome extension to check what all technologies the website is using.

5 Likes
4

That site is using unholy huge amounts of javascript, not very good at that dare I say, it’s way too heavy… o.O

Depending on what precisely you want to do then all/most of that can be done in CSS, might need javascript for some of it, though not near to the crazy extent that that site uses it…

2 Likes
5

It’s made in Webflow :joy: :rofl: :rofl:

2 Likes
6

Thanks I’m learning gsap its pretty cool. Im a while away from creating something like that though

2 Likes
7

Thanks for the advice, I do try to keep the sites I make clean.

2 Likes
8

Is that good or bad?

2 Likes
9

Webflow is a no code platform

2 Likes
10

Never even heard of that one… ^.^;

2 Likes