正在加载视频...

视频加载失败

返回首页

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 次观看 • 1 年前 •via X (Twitter)

#CSS#JS
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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,490 次观看 • 1 年前

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 次观看 • 2 年前

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,267 次观看 • 4 个月前

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,748 次观看 • 1 年前

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 次观看 • 1 年前

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,640 次观看 • 7 个月前

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,187 次观看 • 1 年前

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 次观看 • 6 个月前

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,987,114 次观看 • 2 年前

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,411 次观看 • 3 年前

Discover the award winning #MarioRabbids Sparks of Hope for FREE with our Demo on Nintendo Switch! ✨
0:15

Discover the award winning #MarioRabbids Sparks of Hope for FREE with our Demo on Nintendo Switch! ✨

Ubisoft

125,832 次观看 • 3 年前

Are those … CSS Scroll-Driven Animations on in Safari? Yes they are! What made this possible is a polyfill our team has been working on: Load up the polyfill JS file and … that’s it - there is no other step.
0:14

Are those … CSS Scroll-Driven Animations on in Safari? Yes they are! What made this possible is a polyfill our team has been working on: Load up the polyfill JS file and … that’s it - there is no other step.

Bramus

42,676 次观看 • 3 年前

We’re giving out ✨ 5 Nintendo Switch keys ✨ for Europa! To have a chance at winning them: ➡️ Follow Europa 🦋 Out Now! 🔁 Retweet this tweet 💬 Reply with your Nintendo Switch region
0:14

We’re giving out ✨ 5 Nintendo Switch keys ✨ for Europa! To have a chance at winning them: ➡️ Follow Europa 🦋 Out Now! 🔁 Retweet this tweet 💬 Reply with your Nintendo Switch region

Europa 🦋 Out Now!

237,360 次观看 • 2 年前

Zelda is running and looking better on the Ayn Thor than on a Nintendo Switch 2, look at this foocking grass, incredible for a device 6x smaller than a Switch 2 and it cost less than a Switch 2. Nintendo Switch 2 never made Zelda look this good. #AynThor #WeaktendoSwitch2
0:19

Zelda is running and looking better on the Ayn Thor than on a Nintendo Switch 2, look at this foocking grass, incredible for a device 6x smaller than a Switch 2 and it cost less than a Switch 2. Nintendo Switch 2 never made Zelda look this good. #AynThor #WeaktendoSwitch2

Tripster

535,624 次观看 • 3 个月前

It's cool. But the issue is that the result is arguably too much code from using "no code" 🙃 It could be a basic <ul> with CSS scroll-snap. Then the buttons use JavaScript's Element.scrollIntoView 🤙 Instead, it's <div>s, JS powered animation, and not a <button> in sight 🫠
0:15

It's cool. But the issue is that the result is arguably too much code from using "no code" 🙃 It could be a basic <ul> with CSS scroll-snap. Then the buttons use JavaScript's Element.scrollIntoView 🤙 Instead, it's <div>s, JS powered animation, and not a <button> in sight 🫠

jhey ʕ•ᴥ•ʔ

86,209 次观看 • 2 年前

if you’re dynamically masking a scroll container with css, consider leaving room for the scrollbar instead of masking it too 🧑‍🍳 mask-repeat: no-repeat; mask-size: calc(100% - 10px) 100px;
0:13

if you’re dynamically masking a scroll container with css, consider leaving room for the scrollbar instead of masking it too 🧑‍🍳 mask-repeat: no-repeat; mask-size: calc(100% - 10px) 100px;

jhey ʕ•ᴥ•ʔ

213,001 次观看 • 4 个月前

Tune in April 3rd and April 4th at 7 a.m. PT for Nintendo Treehouse: Live | Nintendo Switch 2, where we’ll go hands-on with some of the #NintendoSwitch2 games featured in today’s Nintendo Direct!
0:15

Tune in April 3rd and April 4th at 7 a.m. PT for Nintendo Treehouse: Live | Nintendo Switch 2, where we’ll go hands-on with some of the #NintendoSwitch2 games featured in today’s Nintendo Direct!

Nintendo of America

644,976 次观看 • 1 年前

LOLLIPOP CHAINSAW RePOP Costume Design Contest winning entry“Succubus Juliet” is here! Enjoy a bold new style with this alluring succubus costume! The update is coming soon! The Nintendo Switch version will receive the update after the launch of the Nintendo Switch 2 Edition.
0:15

LOLLIPOP CHAINSAW RePOP Costume Design Contest winning entry“Succubus Juliet” is here! Enjoy a bold new style with this alluring succubus costume! The update is coming soon! The Nintendo Switch version will receive the update after the launch of the Nintendo Switch 2 Edition.

DRAGAMI GAMES 【OFFICIAL】

362,527 次观看 • 5 个月前