
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:
- The fullscreen sections that change as you scroll (meaning it does a full section on 1 scroll rather than moving the screen down slightly)
- The animations when a new section is scrolled to (Meaning it doesn’t look like it scrolls down)
- 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?
Marked As Solved

GermaVinsmoke
- Maybe it is CSS scroll snap
- 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
Also Liked

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

GermaVinsmoke
It’s made in Webflow
2

Sally_san
Thanks I’m learning gsap its pretty cool. Im a while away from creating something like that though
2
Popular Frontend topics
New

So I’ve got a client that wants to build a site like this:
Specifically 3 things from the website:
The fullscreen sections that chang...
New

Hi I have a gallery site which displays paintings according to selected category (oils, water-color, etc.) “on:click” event.
When this e...
New

I have a requirement to extract data from firebase which is used to build serverless applications.
Can we connect Firebase no-sql databa...
New

how can i make a border like this to be exactly on the midle of the edge? i could only found border in inside and outside but nothing on ...
New

hi everybody , am new in gsap.js
so i wanted load content in my home page when user scrolling , but
since am reading the documentation ...
New

Hello everyone,
I’m working on optimizing the performance of React Native applications and would like to gather insights and suggestions...
New

Background
I have a Phoenix application, where all pages (expect the login page) have a menu at the top.
This menu will therefore only a...
New

I have done small amounts of programming for IOS and for Android, but now I need to create something that works with both.
What are the ...
New

I have the following HTML structure, which is dynamically rendered from a Sightly (HTL) page in a new AEM component we’re building, so I ...
New
Other popular topics

Hello Devtalk World!
Please let us know a little about who you are and where you’re from :nerd_face:
New

Any thoughts on Svelte?
Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue...
New

@AstonJ prompted me to open this topic after I mentioned in the lockdown thread how I started to do a lot more for my fitness.
https://f...
New

My first contact with Erlang was about 2 years ago when I used RabbitMQ, which is written in Erlang, for my job. This made me curious and...
New

Rust is an exciting new programming language combining the power of C with memory safety, fearless concurrency, and productivity boosters...
New

Oh just spent so much time on this to discover now that RancherOS is in end of life but Rancher is refusing to mark the Github repo as su...
New

If you are experiencing Rails console using 100% CPU on your dev machine, then updating your development and test gems might fix the issu...
New

Seems like a lot of people caught it - just wondered whether any of you did?
As far as I know I didn’t, but it wouldn’t surprise me if I...
New

Author Spotlight:
VM Brasseur
@vmbrasseur
We have a treat for you today! We turn the spotlight onto Open Source as we sit down with V...
New

Develop, deploy, and debug BEAM applications using BEAMOps: a new paradigm that focuses on scalability, fault tolerance, and owning each ...
New
Categories:
Sub Categories:
Popular Portals
- /elixir
- /rust
- /wasm
- /ruby
- /erlang
- /phoenix
- /keyboards
- /rails
- /js
- /python
- /security
- /go
- /swift
- /vim
- /clojure
- /emacs
- /haskell
- /java
- /onivim
- /svelte
- /typescript
- /crystal
- /c-plus-plus
- /kotlin
- /tailwind
- /gleam
- /ocaml
- /react
- /flutter
- /elm
- /vscode
- /ash
- /opensuse
- /centos
- /php
- /deepseek
- /html
- /zig
- /scala
- /textmate
- /sublime-text
- /nixos
- /debian
- /lisp
- /agda
- /react-native
- /kubuntu
- /arch-linux
- /ubuntu
- /revery
- /spring
- /django
- /manjaro
- /diversity
- /nodejs
- /lua
- /julia
- /c
- /slackware
- /neovim