Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Animates <table> ✅ row.remove() ✅ table.insertAdjacentHTML() ❤️‍🔥 special animation like the table is crushing a row out of existence hehe ✅ used devtools in the vid to slowmo the effect viva View Transitions: src on Codepen:

argyleink's profile picture

Adam Argyle

58,637 subscribers

52,421 Aufrufe • vor 2 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

6 Kommentare

Profilbild von Danny Moerkerke
Danny Moerkerkevor 2 Jahren

I never fully realized that you don't need to navigate to another page to use document.viewTransition(). It's kinda obvious now that I know it but it wasn't to me at first. Great demo!

Profilbild von bkardell 🐦
bkardell 🐦vor 2 Jahren

Nice. Double click to delete feels weird to me... Did you get that from somewhere else?

Profilbild von Adam Argyle
Adam Argylevor 2 Jahren

It is weird, didn't get it from anywhere, just wanted an easy delete trigger. I had a version with delete buttons on rows and just never settled on it.

Profilbild von KΞNNETH | ケニチ
KΞNNETH | ケニチvor 2 Jahren

What?! 👀 this is like amazing! 😍

Profilbild von Marcus Tucker 💚
Marcus Tucker 💚vor 2 Jahren

Looks lovely but it's too easy to accidentally double-click or double-tap a row, so unless it's paired with an "undo" button (which at present it's not) I wouldn't recommend using this interaction #ux

Profilbild von Adam Argyle
Adam Argylevor 2 Jahren

Not all of them 😅 yet 😏

Ähnliche Videos

4 goals scored ✅ Top of the table ✅ #UELPOTW wins ✅ ☘️ Panathinaikos starting their new campaign in style!
0:31

4 goals scored ✅ Top of the table ✅ #UELPOTW wins ✅ ☘️ Panathinaikos starting their new campaign in style!

UEFA Europa League

51,792 Aufrufe • vor 8 Monaten

3/3 wins ✅ 0 goals conceded ✅ 1st in the table ✅ Aston Villa are enjoying themselves on the Champions League stage 🤩
1:19

3/3 wins ✅ 0 goals conceded ✅ 1st in the table ✅ Aston Villa are enjoying themselves on the Champions League stage 🤩

Football on TNT Sports

171,198 Aufrufe • vor 1 Jahr

🚨 TRUMP'S NOT GETTING SNOOKERED ON IRAN 🇺🇸 💥 AYATOLLAH CRIPPLED ✅ ☢️ URANIUM BURIED UNDER THE RUBBLE ✅ 🛰️ SPACE FORCE WATCHING LIKE A HAWK ✅ ⚓ CARRIER STRIKE GROUPS STILL IN POSITION 🤝 ABRAHAM ACCORDS BACK ON THE TABLE ✅
2:39

🚨 TRUMP'S NOT GETTING SNOOKERED ON IRAN 🇺🇸 💥 AYATOLLAH CRIPPLED ✅ ☢️ URANIUM BURIED UNDER THE RUBBLE ✅ 🛰️ SPACE FORCE WATCHING LIKE A HAWK ✅ ⚓ CARRIER STRIKE GROUPS STILL IN POSITION 🤝 ABRAHAM ACCORDS BACK ON THE TABLE ✅

Jesse Watters

101,485 Aufrufe • vor 8 Tagen

Presentation mode in Notion now supports the Table of Contents block ✅
0:22

Presentation mode in Notion now supports the Table of Contents block ✅

Cole Bemis

26,339 Aufrufe • vor 2 Monaten

7 WINS OUT OF 7 IN THE UCL ✅ TOP OF THE UCL TABLE ✅ LEAST GOALS CONCEDED 🧱 LICK BACK AGAINST INTER 🔥 SAKA ASSIST TO GYOKORES 🤝🏾 JESUS IS LORD 🙌🏾 #COYG❤️🤍
0:25

7 WINS OUT OF 7 IN THE UCL ✅ TOP OF THE UCL TABLE ✅ LEAST GOALS CONCEDED 🧱 LICK BACK AGAINST INTER 🔥 SAKA ASSIST TO GYOKORES 🤝🏾 JESUS IS LORD 🙌🏾 #COYG❤️🤍

𝔸

44,237 Aufrufe • vor 4 Monaten

.Scott Presler's Early Vote Action is proud to announce a resources page on the website. You can now download: ✅ Fliers ✅ Graphics ✅ Volunteer Forms ✅ Commit to Vote Forms ✅ Voter Registration Forms Our goal is to empower the grassroots & provide everyone a seat at the table. Thoughts?
0:40

.Scott Presler's Early Vote Action is proud to announce a resources page on the website. You can now download: ✅ Fliers ✅ Graphics ✅ Volunteer Forms ✅ Commit to Vote Forms ✅ Voter Registration Forms Our goal is to empower the grassroots & provide everyone a seat at the table. Thoughts?

ThePersistence

28,321 Aufrufe • vor 10 Monaten

In Scotland: ✅not a single day has been lost to strikes in NHS ✅Scottish Government & teachers got round the table & negotiated a deal ✅no profit motive for quality water from your tap ✅Child Payment is set to lift 50k children out of poverty We could go further with independence🏴󠁧󠁢󠁳󠁣󠁴󠁿
1:31

In Scotland: ✅not a single day has been lost to strikes in NHS ✅Scottish Government & teachers got round the table & negotiated a deal ✅no profit motive for quality water from your tap ✅Child Payment is set to lift 50k children out of poverty We could go further with independence🏴󠁧󠁢󠁳󠁣󠁴󠁿

Deidre Brock

266,609 Aufrufe • vor 2 Jahren

The fourth #EUCELAC summit will take place tomorrow in Santa Marta, Colombia. On the leaders' agenda: ✅ multilateralism ✅ trade and investment ✅ the green and digital transitions ✅ peace, security and prosperity Find out more → #CELACUE2025
0:55

The fourth #EUCELAC summit will take place tomorrow in Santa Marta, Colombia. On the leaders' agenda: ✅ multilateralism ✅ trade and investment ✅ the green and digital transitions ✅ peace, security and prosperity Find out more → #CELACUE2025

EU Council

16,840 Aufrufe • vor 6 Monaten

✅Safer, smoother roads ✅Lower taxes & costs ✅Safer communities ✅Stronger schools ✅Free pre-K & community college That’s what delivering on the kitchen-table issues looks like. I am proud to sign this balanced, bipartisan budget—my seventh as governor.
1:18

✅Safer, smoother roads ✅Lower taxes & costs ✅Safer communities ✅Stronger schools ✅Free pre-K & community college That’s what delivering on the kitchen-table issues looks like. I am proud to sign this balanced, bipartisan budget—my seventh as governor.

Governor Gretchen Whitmer

13,523 Aufrufe • vor 7 Monaten

Replit agent is 🔥🔥🔥 Crazy. Built a digital store app with Stripe integration using Replit ⠕ agent in under an hour! 🤯 Used 5 prompts Here's what the replit agent did ✅ created the database and added the orders and products tables ✅ automatically added the products configuration in my Stripe dashboard (normally, you do this manually) ✅ after payment upon checkout, it saves an order to the orders table in the database ✅ handled the app deployment Wow, this is really a game-changer!
0:31

Replit agent is 🔥🔥🔥 Crazy. Built a digital store app with Stripe integration using Replit ⠕ agent in under an hour! 🤯 Used 5 prompts Here's what the replit agent did ✅ created the database and added the orders and products tables ✅ automatically added the products configuration in my Stripe dashboard (normally, you do this manually) ✅ after payment upon checkout, it saves an order to the orders table in the database ✅ handled the app deployment Wow, this is really a game-changer!

Melvin Vivas

129,644 Aufrufe • vor 1 Jahr

Merch mania at our event today. There is another video of us flinging merch into the crowd. Why? Because people were raiding the table and taking things so fast, we didn’t want people in the back to leave empty handed. Everyone deserves a fair shot. ✅ Successful merch distribution ✅ No injuries in distribution ✅ Everyone left with a piece of Sonic
0:25

Merch mania at our event today. There is another video of us flinging merch into the crowd. Why? Because people were raiding the table and taking things so fast, we didn’t want people in the back to leave empty handed. Everyone deserves a fair shot. ✅ Successful merch distribution ✅ No injuries in distribution ✅ Everyone left with a piece of Sonic

TheAssistant

17,006 Aufrufe • vor 10 Monaten

more CSS <table> tricks 👇 stick the first row using <thead> so you don't lose context, and give it a margin so you don't lose the last row on scroll thead { position: sticky; top: var(--header-height); margin-bottom: 1lh; /* or whatever row height */ }
0:30

more CSS <table> tricks 👇 stick the first row using <thead> so you don't lose context, and give it a margin so you don't lose the last row on scroll thead { position: sticky; top: var(--header-height); margin-bottom: 1lh; /* or whatever row height */ }

jhey ʕ•ᴥ•ʔ

122,020 Aufrufe • vor 1 Jahr

What amazing table design. This design looks stunning 😍 ❤️✅✅✅✅✅🚨
1:02

What amazing table design. This design looks stunning 😍 ❤️✅✅✅✅✅🚨

Michel 🇷🇼

301,681 Aufrufe • vor 7 Tagen

View Transitions just got simpler with Next.js 16.2. <𝙻𝚒𝚗𝚔> now has a 𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚃𝚢𝚙𝚎𝚜 prop. Tag your navigation with a type, and <𝚅𝚒𝚎𝚠𝚃𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗> picks the right animation.
0:38

View Transitions just got simpler with Next.js 16.2. <𝙻𝚒𝚗𝚔> now has a 𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚃𝚢𝚙𝚎𝚜 prop. Tag your navigation with a type, and <𝚅𝚒𝚎𝚠𝚃𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗> picks the right animation.

Aurora Scharff

66,609 Aufrufe • vor 2 Monaten

✅ Playing in your hometown ✅ With your sister ✅ In front of friends and family The USA-Brazil match at SoFi is going to be a special one for sure »
0:27

✅ Playing in your hometown ✅ With your sister ✅ In front of friends and family The USA-Brazil match at SoFi is going to be a special one for sure »

U.S. Women's National Soccer Team

34,215 Aufrufe • vor 1 Jahr

#evanbuckley cards on the table, mine play out like fools in a fable
0:46

#evanbuckley cards on the table, mine play out like fools in a fable

gray⋆⭒˚｡⋆

42,885 Aufrufe • vor 2 Monaten

CHAT IS GOING CRAZY!!! 𝐓𝐡𝐞 𝐂𝐚𝐩𝐩𝐞𝐫𝐬 𝐂𝐨𝐥𝐥𝐞𝐜𝐭𝐢𝐯𝐞 THREE DAYS IN A ROW!!!! The OddsFather $20 —> $2,800 ✅✅✅✅ We’ve opened up another 50 spots for new users to join for ONLY $14.99 (50% off) with code ‘Flash’ at checkout! Spots won’t last long:
0:21

CHAT IS GOING CRAZY!!! 𝐓𝐡𝐞 𝐂𝐚𝐩𝐩𝐞𝐫𝐬 𝐂𝐨𝐥𝐥𝐞𝐜𝐭𝐢𝐯𝐞 THREE DAYS IN A ROW!!!! The OddsFather $20 —> $2,800 ✅✅✅✅ We’ve opened up another 50 spots for new users to join for ONLY $14.99 (50% off) with code ‘Flash’ at checkout! Spots won’t last long:

WeHitThose

111,745 Aufrufe • vor 1 Jahr

Pocket Passer ✅ Throw on the Run ✅ Create and Extend plays ✅ RPO ✅ Play Action ✅ Playing on time ✅ Extra Hat in Run Game ✅ ALL AT A HIGH LEVEL And my goal over the offseason is to become 2x as good of a passer!!
1:32

Pocket Passer ✅ Throw on the Run ✅ Create and Extend plays ✅ RPO ✅ Play Action ✅ Playing on time ✅ Extra Hat in Run Game ✅ ALL AT A HIGH LEVEL And my goal over the offseason is to become 2x as good of a passer!!

Jackson Berry

12,875 Aufrufe • vor 4 Monaten

WATCH: Special envoy to Middle East reveals what the negotiation table is like.
9:13

WATCH: Special envoy to Middle East reveals what the negotiation table is like.

Fox News

77,551 Aufrufe • vor 10 Monaten