Frontend Developer Forum>Questions/Help

Where do i learn the skills to create this

Sally_san

Sally_san

Where do i learn the skills to create this

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?

8 comments
#question#help-needed
23 908 8

Marked As Solved

GermaVinsmoke

GermaVinsmoke

  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
Post #3

Also Liked

OvermindDL1

OvermindDL1

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
Post #4
GermaVinsmoke

GermaVinsmoke

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

2
Post #5
Sally_san

Sally_san

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

2
Post #6

Popular Frontend topics Top

First poster: bot
Frontend Developer Forum>News

Fable 3.0.0-nagareyama-alpha-010 released!
Fable 3.0.0-nagareyama-alpha-010 has been released. Link: Release 3.0.0-nagareyama-alpha-010 · fable-compiler/Fable · GitHub
github.com
/fable
0 1911 0
New
mafinar
Frontend Developer Forum>Libraries/Tools

Just tried Surface component library for LiveView and it's amazing
Wanted to try out Surface for awhile now and yesterday finally had the time for it, the developer experience is amazing and I decided to ...
/elixir
25 1850 9
New
AstonJ
Frontend Developer Forum>Libraries/Tools

Seed - a Rust framework for creating fast and reliable web apps
Another WebAssembly Frontend Framework for Rust :nerd_face: Seed is a frontend Rust framework for creating fast and reliable web apps w...
/rust/wasm/seed
2 1114 1
New
First poster: bot
Frontend Developer Forum>News

Preact 10.5.13 released!
Preact 10.5.13 has been released. Link: Release 10.5.13 · preactjs/preact · GitHub
github.com
#official-news/preact
0 1138 0
New
mafinar
Frontend Developer Forum>Chat/Discussions

Weekend with AlpineJS
Just like I did one on Tailwind some time ago, I am going to play with AlpineJS the next few days. It’s a nice little JS framework that ...
#journal/js
30 2397 11
New
First poster: bot
Frontend Developer Forum>News

Fable 3.2.4 released!
Fable 3.2.4 has been released. Link: Release 3.2.4 · fable-compiler/Fable · GitHub
github.com
/fable#official-news
0 1010 0
New
ClaudiaGiv
Frontend Developer Forum>Chat/Discussions

SSR explained in SvelteKit
Hi all, I recently started working with Svelte and created a small app with SvelteKit in order to understand better the framework. I hav...
/svelte#ssr
6 1716 1
New
magarrent
Frontend Developer Forum>Libraries/Tools

No code - No backend Form sender for developers Send your without a backend
Welcome to @actionforms_io :rocket: No code - No backend Form sender for developers Send your without a backend Join now: https://www...
#dev-news-source#tech-news-source
23 1013 7
New
CommunityNews
Frontend Developer Forum>Libraries/Tools

Parcel CSS: A new CSS parser, compiler, and minifier written in Rust
Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust!. I’m very excited to announce @parcel/css, a new CSS pa...
parceljs.org
#css/rust
6 1009 1
New
First poster: bot
Frontend Developer Forum>News

Moving Angular CLI to Jest and Web Test Runner
A new Angular blog post/announcement has been posted!
blog.angular.io
/angular#official-news#web#test
0 800 0
New

Other popular topics Top

AstonJ
General Dev Chat

What are you listening to?
A thread that every forum needs! Simply post a link to a track on YouTube (or SoundCloud or Vimeo amongst others!) on a separate line an...
#community#music
193 4239 93
New
AstonJ
Hardware

Which keyboard do you have?
If it’s a mechanical keyboard, which switches do you have? Would you recommend it? Why? What will your next keyboard be? Pics always w...
#hardware/keyboards#mechanical-keyboards#sticky
144 8222 50
New
PragmaticBookshelf
In The Spotlight

Spotlight: Brian P. Hogan (Author)
A PragProg Hero’s Journey with Brian P. Hogan @bphogan Have you ever worried that your only legacy will be in the form of legacy...
#author-spotlight#pragprog
50 3240 20
New
brentjanderson
Hardware

Moonlander Keyboard (Mechanical) (Ergonomic) (Split) (Ortholinear)
Bought the Moonlander mechanical keyboard. Cherry Brown MX switches. Arms and wrists have been hurting enough that it’s time I did someth...
/keyboards#hardware#moonlander#mechanical-keyboards#ortholinear#ergonomic
212 14614 90
New
DevotionGeo
Backend Developer Forum>Chat/Discussions

Would you use Erlang now when there is Elixir?
Why, if your answer is yes?
/elixir/erlang
167 4164 52
New
AstonJ
General Dev Chat

Which language or framework do you want to learn next?
Curious to know which languages and frameworks you’re all thinking about learning next :upside_down_face: Perhaps if there’s enough peop...
#community#learning
236 5547 90
New
PragmaticBookshelf
In The Spotlight

Spotlight: Noel Rappin (Author)
“Finding the Boundaries” Hero’s Journey with Noel Rappin @noelrappin Even when you’re ultimately right about what the future ho...
#author-spotlight#web-development/rails/book-modern-front-end-development-for-rails/book-rails-5-test-prescriptions
34 3628 21
New
AstonJ
Backend Developer Forum>Chat/Discussions

How to install Ruby 3 with ASDF
In case anyone else is wondering why Ruby 3 doesn’t show when you do asdf list-all ruby :man_facepalming: do this first: asdf plugin-upd...
/ruby#asdf
11 5107 4
New
AstonJ
General Dev Chat

Languages Without Garbage Collection
Continuing the discussion from Thinking about learning Crystal, let’s discuss - I was wondering which languages don’t GC - maybe we can c...
#garbage-collection
21 4448 7
New
PragmaticBookshelf
In The Spotlight

Spotlight: Mike Riley (Author) Interview and AMA!
Author Spotlight Mike Riley @mriley This month, we turn the spotlight on Mike Riley, author of Portable Python Projects. Mike’s book ...
#author-spotlight/python/book-portable-python-projects#iot#internet-of-things
62 6126 19
New
Back to top

Latest in Frontend

Fable 4.25.0 released!
Frontend News
AssemblyScript v0.27.36 released!
Frontend News
Deno v2.2.11 released!
Frontend News
Deno v2.1.12 released!
Frontend News
Deno v2.1.11 released!
Frontend News
Preact 10.26.5 released!
Frontend News
What’s new in Svelte: April 2025
Frontend News
Tailwind v4.0.17 released!
Frontend News
Tailwind v4.0.16 released!
Frontend News
Tailwind v4.0.15 released!
Frontend News
Build AI-Powered Apps With Genkit and Angular
Frontend News
Fable 5.0.0-alpha.12 released!
Frontend News
Tailwind v4.0.14 released!
Frontend News
AssemblyScript v0.27.35 released!
Frontend News
Can ReactJS and LiveView coexist nicely?
Frontend Chat/Discussions
Angular: Seamless data fetching with httpResource
Frontend News
Tailwind v4.0.10 released!
Frontend News
Angular 19.2 Is Now Available
Frontend News
What’s new in Svelte: March 2025
Frontend News
Fable 5.0.0-alpha.11 released!
Frontend News

View all threads ❯

Latest (all)

Crystal 1.16.2 is released!
Backend News
PostgreSQL: pg_auto_reindexer v1.4 released
Backend News
One line of code that did cost $8,000
In The News
LibreLingo - an experiment to create a community-driven language-learning platform
In The News
Programming languages should have a tree traversal primitive
In The News
Why performance optimization is hard work
In The News
Elixir is not owned by Big Tech
Blogs/Articles/Talks/Podcasts
Crystal 1.16.2 released!
Backend News
How to Use Kotlin Notebooks for Productive Development
Backend News
PostgreSQL: Streaming Data into Postgres with Estuary
Backend News
Thinking Elixir 251 - SSH Vulnerability and Cookies are Changing
Blogs/Articles/Talks/Podcasts
Clojure: Introducing core.async.flow
Backend News
Clean up your seeds with Generators and AshOps
Blogs/Articles/Talks/Podcasts
iOS and Android juice jacking defenses have been trivial to bypass for years
In The News
Python sub-micro GPIO – PyXL Benchmark
In The News

View all threads ❯

We ❤️ helpful members!

We reward our most helpful members via our MOTM scheme - by giving away a whopping 25 books per year!

Member of the Month

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Popular Portals

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap