Sensitive content

This media may contain sensitive content.

Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Can we please stop with the scroll-jacking carousels on websites? CSS Scroll Snap is a much better solution! Re-built the Uniqlo home page with 6 lines of CSS and 4 lines of JS

305,169 Aufrufe • vor 1 Jahr •via X (Twitter)

11 Kommentare

Profilbild von jhey ▲🐻🎈
jhey ▲🐻🎈vor 1 Jahr

can do it without any JavaScript at all *based on scroll-driven animation support but scrollsnapchanging isn't in Firefox/Safari either

Profilbild von Manish Baghel
Manish Baghelvor 1 Jahr

I used to work at Uniqlo in the backend team and no one in the engineering team liked this scroll behavior but for some reason the business team insisted on keeping it. I'll forward your post to the frontend team at Uniqlo hopefully they'll work on it.

Profilbild von Wes Bos
Wes Bosvor 1 Jahr

Please do! Love uniqlo, I'm wearing jeans an a shirt RN. love the stores, but the website UX needs a bit of work

Profilbild von QuackSnippets 🦆✂️
QuackSnippets 🦆✂️vor 1 Jahr

Every developer: "scrolljacking is bad" Every developer working on a brand landing page: "but what if we did it just this once...?"

Profilbild von Wes Bos
Wes Bosvor 1 Jahr

@Brandon10270824 Developers hate carousels too, but the reality is that people buying stuff, and the marketing department that is fighting for landing page space love them

Profilbild von ⚇
vor 1 Jahr

"awful experience" you say, but why would a customer, who is browsing a landing page for new items, want to speed through the page like in your rework? Uniqlo's anchors to the next section on purpose and it would meet the users expectations

Profilbild von Wes Bos
Wes Bosvor 1 Jahr

Its not that I want to speed through them, but I want to be able to scroll natively and not be restricted. Try it yourself - very frustrating: Also, I am a uniqlo customer - I was shopping for a shirt while wearing their jeans + sweater and it frustrated me - I'm not just a grumpy dev looking for a reason to make a video

Profilbild von whatnicktweets
whatnicktweetsvor 1 Jahr

Can watch these all day. Moar papa

Profilbild von Wes Bos
Wes Bosvor 1 Jahr

over 200 short vids posted here, but easier to find them all on my tiktok or instagram

Profilbild von Rohil
Rohilvor 1 Jahr

Can we get rid of carousel packages (swiper, slick etc...) and just use this to build an image carousel?

Profilbild von Wes Bos
Wes Bosvor 1 Jahr

yep! And one of the huge benefits here is that touch is built into scrolling.

Ähnliche Videos