Loading video...

Video Failed to Load

Go Home

Recreating the Nintendo Switch Homescreen scroll UX - 90% done with #CSS - a li'l #JS for sounds, vibrations n' taps

argyleink's profile picture

Adam Argyle

58,593 subscribers

24,166 views • 1 year ago •via X (Twitter)

#CSS#JS
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

با این #هوش_مصنوعی متن‌باز، رایگان و نامحدود میتونید کد HTML/CSS/JS بزنید(بزنه!). #فرانت_اند بیکار نشه! ((: #design #ui #ux #طراحی #فرانت_اند #html #css #js #برنامه_نویسی
0:15

با این #هوش_مصنوعی متن‌باز، رایگان و نامحدود میتونید کد HTML/CSS/JS بزنید(بزنه!). #فرانت_اند بیکار نشه! ((: #design #ui #ux #طراحی #فرانت_اند #html #css #js #برنامه_نویسی

Nabi

21,945 views • 1 year ago

Elevate your gameplay with the lenticular design of the new Donkey Kong™ Rematch Wireless Controller for Nintendo Switch™, Nintendo Switch™ Lite, and Nintendo Switch™ OLED Model. This controller also works with Nintendo Switch™ 2 – C Button not available. Pre-order Now: #DonkeyKong #donkeykongbonanza #nintendo #nintendoswitch #nintendoswitch2 #turtlebeach
0:13

Elevate your gameplay with the lenticular design of the new Donkey Kong™ Rematch Wireless Controller for Nintendo Switch™, Nintendo Switch™ Lite, and Nintendo Switch™ OLED Model. This controller also works with Nintendo Switch™ 2 – C Button not available. Pre-order Now: #DonkeyKong #donkeykongbonanza #nintendo #nintendoswitch #nintendoswitch2 #turtlebeach

Turtle Beach

52,333 views • 11 months ago

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀
0:12

You can enable scroll snapping with CSS scroll-snap-type and scroll-snap-align 🚀

David Mráz

22,233 views • 1 year ago

A little sneak peek into one of many animations done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.
0:10

A little sneak peek into one of many animations done for a new project Last9. 🙈 → The motion is in sync with the scroll progress. Created using SCSS and a little bit Svelte magic to control the CSS Variables.

Tushar

12,555 views • 2 years ago

Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIO
0:15

Every site has a story to scroll 📖 With the new Scroll-Triggered Animations, you can transform your site into an immersive narrative that keeps your users engaged. Create beautiful time-based animations with zero JS, all natively in CSS. Break free from static UI and create your story in minutes. #GoogleIO

Chrome for Developers

12,135 views • 1 month ago

I’m loving the new sidebar interaction by Adam Stern for Dia — had to try recreating it myself with Tailwind CSS and Motion😄
0:14

I’m loving the new sidebar interaction by Adam Stern for Dia — had to try recreating it myself with Tailwind CSS and Motion😄

Raul

14,689 views • 11 months ago

At a presentation unveiling the Nintendo Switch 2, longtime Nintendo producer Kouichi Kawamoto revealed that he considered calling the Switch 2 the “Super Nintendo Switch.” It’s not that the Nintendo Switch 2 isn’t super – TechCrunch reporter Amanda Silberling would go out on a limb and call it the Pretty Good Nintendo Switch. Rather, the Switch 2 tries to take a console that’s already beloved and simply just make it better. Read more on the Switch 2 here:
0:14

At a presentation unveiling the Nintendo Switch 2, longtime Nintendo producer Kouichi Kawamoto revealed that he considered calling the Switch 2 the “Super Nintendo Switch.” It’s not that the Nintendo Switch 2 isn’t super – TechCrunch reporter Amanda Silberling would go out on a limb and call it the Pretty Good Nintendo Switch. Rather, the Switch 2 tries to take a console that’s already beloved and simply just make it better. Read more on the Switch 2 here:

TechCrunch

20,740 views • 1 year ago

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔
0:12

Tailwind CSS Tip ✨ You can create a pure css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔

Surjith S M ✪

203,341 views • 3 years ago

Chat, share, and hang out together with GameChat on Nintendo Switch 2! Play classics like The Legend of Zelda: A Link to the Past & Four Swords via your Nintendo Switch Online + Expansion Pack membership. Tune in to Day 2 of Nintendo Treehouse: Live | Nintendo Switch 2 tomorrow!
0:19

Chat, share, and hang out together with GameChat on Nintendo Switch 2! Play classics like The Legend of Zelda: A Link to the Past & Four Swords via your Nintendo Switch Online + Expansion Pack membership. Tune in to Day 2 of Nintendo Treehouse: Live | Nintendo Switch 2 tomorrow!

Nintendo of America

496,421 views • 1 year ago

Neat li'l #CSS gradient trick: A gradient circular chart effect 👀 1. a gradient mask 2. a conic gradient all the details on my blog
0:16

Neat li'l #CSS gradient trick: A gradient circular chart effect 👀 1. a gradient mask 2. a conic gradient all the details on my blog

Adam Argyle

67,503 views • 3 years ago

Yes, that is MOUSE: P.I. For Hire running on a Nintendo Switch 2! A big thank you to Nintendo for letting us showcase our game at the Nintendo Switch 2 Partner Preview during GDC. Launching 16 April, 2026 🐭
0:12

Yes, that is MOUSE: P.I. For Hire running on a Nintendo Switch 2! A big thank you to Nintendo for letting us showcase our game at the Nintendo Switch 2 Partner Preview during GDC. Launching 16 April, 2026 🐭

MOUSE: P.I. For Hire

207,071 views • 3 months ago

Perfect for cozy evenings on the sofa with a blanket 🛋🤍 NEVA is now available on Nintendo Switch!
0:12

Perfect for cozy evenings on the sofa with a blanket 🛋🤍 NEVA is now available on Nintendo Switch!

Nomada Studio - NEVA & GRIS

43,138 views • 1 year ago

Crazy out here for the Nintendo switch 2
0:13

Crazy out here for the Nintendo switch 2

JoezMcfly🇩🇴

17,550 views • 1 year ago

Nintendo fans buying a Switch 2 with one game:
0:13

Nintendo fans buying a Switch 2 with one game:

Kaguya’s Top Gal

27,566 views • 1 year ago

RUMOR | Xbox is working on a Call of Duty port for Nintendo Switch 2 “Delivery for Nintendo Switch which by the way I hear is coming so. I don't know which, Call of Duty is for Nintendo Switch, but they are working on it. They are working on Call of Duty for Nintendo Switch 2, at least. I don't know about one.” via: Jez Source:
0:13

RUMOR | Xbox is working on a Call of Duty port for Nintendo Switch 2 “Delivery for Nintendo Switch which by the way I hear is coming so. I don't know which, Call of Duty is for Nintendo Switch, but they are working on it. They are working on Call of Duty for Nintendo Switch 2, at least. I don't know about one.” via: Jez Source:

Idle Sloth

15,336 views • 2 months ago

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.
0:10

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.

Chrome for Developers

61,080 views • 1 year ago

Solve a supernatural mystery at a discount 🕵️ Get RAIDOU Remastered: The Mystery of the Soulless Army for 25% off during the SEGA Sale on Nintendo Switch and Nintendo Switch 2! Play now ➡️
0:15

Solve a supernatural mystery at a discount 🕵️ Get RAIDOU Remastered: The Mystery of the Soulless Army for 25% off during the SEGA Sale on Nintendo Switch and Nintendo Switch 2! Play now ➡️

Official ATLUS West

30,035 views • 9 months ago

Scroll driven animation with CSS animation-timeline: view(); animation-range: entry, exit;
0:11

Scroll driven animation with CSS animation-timeline: view(); animation-range: entry, exit;

Solarin

20,995 views • 1 year ago

Soulja Boy says he's the first rapper to have a Nintendo Switch with a huge screen.
0:18

Soulja Boy says he's the first rapper to have a Nintendo Switch with a huge screen.

XXL Magazine

8,984,980 views • 1 year ago

Grab a cuppa, it's Techmas Day 9! 🎅 Get your game on for the whole family with a Nintendo Switch OLED, Nintendo Switch lite and a copy of Pokemon Scarlet or Violet 👾 Check Sam Thompson out in his secret location to win 👉
0:14

Grab a cuppa, it's Techmas Day 9! 🎅 Get your game on for the whole family with a Nintendo Switch OLED, Nintendo Switch lite and a copy of Pokemon Scarlet or Violet 👾 Check Sam Thompson out in his secret location to win 👉

Currys

37,409 views • 3 years ago