Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

CSS macOS style dock nav with sub-menu 🤙 :has() for magnification ✅ [popover] for the sub-menu ✅ anchor() to tether the menu ✅ offset-path to put items on the curve ✅ linear() for the springy transition ✅ Combining cool APIs to create common UI patterns without JS ⭐️

jhey ʕ•ᴥ•ʔ

146,453 subscribers

91,134 views • 2 years ago •via X (Twitter)

Education Comedy Science & Technology

Anya Rossi• Live Now

Private livecam show

10 Comments

David 👨🏻‍💻2 years ago

Is it only css? 🤔

jhey ▲🐻🎈2 years ago

Yes 🤙 Aside from the configurator panel of course. Although that could technically be done with CSS as well 😅

Artem Kharchuk1 year ago

You’re really the king of CSS 😄

jhey ▲🐻🎈1 year ago

no no - jus' a lot of practice

Ryan Kan2 years ago

What is this ui configutation panel?

fir ✨2 years ago

liat ini keingat mindfulday nya mas @azamuddin91 😁

Elijah Gummer2 years ago

very nice 🔥

TheSisb2 years ago

Ok this is slick

ElFrontend2 years ago

You are fucking awesome. I follow all you post and is incredibly you work

jhey ▲🐻🎈2 years ago

Thank you! 🙏🙏

Related Videos

stop duplicating your navigation for mobile 🤙 use the Popover API and some CSS tricks to make it responsive ✅ sidebar on desktop ✅ drawer on mobile ✅ progressively enhance the drag mechanics

stop duplicating your navigation for mobile 🤙 use the Popover API and some CSS tricks to make it responsive ✅ sidebar on desktop ✅ drawer on mobile ✅ progressively enhance the drag mechanics

jhey ʕ•ᴥ•ʔ

256,187 views • 1 year ago

TRWB, #121 ✅Christmas Edition 🧑‍🎄 ✅A 2022 Review ✅ The festive sporting menu 🔴🟢 Thanks and the very best to you all

TRWB, #121 ✅Christmas Edition 🧑‍🎄 ✅A 2022 Review ✅ The festive sporting menu 🔴🟢 Thanks and the very best to you all

Paudie Palmer

60,200 views • 3 years ago

‘Ready for school checklist’ for kids has been published today. Use cutlery ✅ Be able to go to the toilet ✅ Willing to share toys ✅ Recognise their name ✅ Put on their own coat ✅ A head teacher in Manchester feels children get to school without the basic skills.

‘Ready for school checklist’ for kids has been published today. Use cutlery ✅ Be able to go to the toilet ✅ Willing to share toys ✅ Recognise their name ✅ Put on their own coat ✅ A head teacher in Manchester feels children get to school without the basic skills.

Nick Dixon

424,053 views • 1 year ago

here's the exploded view of what's happening 🤙 powered by one CSS custom property, transition grid-template-columns for the digits ⚡️ few lines of JS to make it work in other browsers ✅

here's the exploded view of what's happening 🤙 powered by one CSS custom property, transition grid-template-columns for the digits ⚡️ few lines of JS to make it work in other browsers ✅

jhey ʕ•ᴥ•ʔ

286,001 views • 1 year ago

I did it! 100 Unique CSS Patterns 🤩 👉 👈 One of the biggest collection of CSS patterns ever! ✅ One-click to copy/paste ✅ One value to control the size ✅ Optimized with CSS variables Which one is your favorite? Tell me in the comments 👇 #CSS

I did it! 100 Unique CSS Patterns 🤩 👉 👈 One of the biggest collection of CSS patterns ever! ✅ One-click to copy/paste ✅ One value to control the size ✅ Optimized with CSS variables Which one is your favorite? Tell me in the comments 👇 #CSS

CSS by T. Afif

29,170 views • 3 years ago

🚨Solution to exit the Rush lobby without needing to close the game entirely: 🔹 Press **R2** (or the equivalent for your platform) to open the **Social Settings** menu. 🔹 Navigate to the **Crossplay Settings** option. 🔹 After accessing this section, return to the previous menu by pressing **Back**. might be useful✅ . #easportsfifa #eafc25 #rush

🚨Solution to exit the Rush lobby without needing to close the game entirely: 🔹 Press R2 (or the equivalent for your platform) to open the Social Settings menu. 🔹 Navigate to the Crossplay Settings option. 🔹 After accessing this section, return to the previous menu by pressing Back. might be useful✅ . #easportsfifa #eafc25 #rush

FifaTradingRomania

303,732 views • 1 year ago

Just dropped the coss.com Drawer component 📦✨ ✅ 4 directions + 3 built-in variants ✅ Snap points & Nested support ✅ Swipe-to-open area ✅ Responsive examples (Dialog & Menu → Drawer)

Just dropped the coss.com Drawer component 📦✨ ✅ 4 directions + 3 built-in variants ✅ Snap points & Nested support ✅ Swipe-to-open area ✅ Responsive examples (Dialog & Menu → Drawer)

Pasquale Vitiello

34,738 views • 4 months ago

It's time for an upgrade... welcome to the new ICP dashboard ✅ Greater ecosystem visibility ✅ Dive deeper into the data ✅ Easily compare subnets ✅ Better UI and there's more on the way.

It's time for an upgrade... welcome to the new ICP dashboard ✅ Greater ecosystem visibility ✅ Dive deeper into the data ✅ Easily compare subnets ✅ Better UI and there's more on the way.

DFINITY Foundation

23,498 views • 1 year ago

✅ Swing-and-miss ✅ Soft contact ✅ Sub-2.00 ERA Bryce Miller has it all working this season for the Seattle Mariners! 🔱

✅ Swing-and-miss ✅ Soft contact ✅ Sub-2.00 ERA Bryce Miller has it all working this season for the Seattle Mariners! 🔱

MLB Network

59,299 views • 1 month ago

Value ✅ Affordability ✅ Flexible payment plan up to 12months for land and 60mnts for homes ✅ Return on investment ✅ CALL 🤙 TODAY To enjoy our 45% guaranteed ROI in 18months, please kindly use the link below 👇

Value ✅ Affordability ✅ Flexible payment plan up to 12months for land and 60mnts for homes ✅ Return on investment ✅ CALL 🤙 TODAY To enjoy our 45% guaranteed ROI in 18months, please kindly use the link below 👇

Oluwat'Obi-dient Ifeanyi

748,843 views • 2 years ago

ToxCheck series: Common AEs and how to manage them when using TKIs for RCC with Sumanta K. Pal, MD, FASCO ✅ Cabo, Len, Axi ✅ Tivozanib ✅ Belzutifan Full discussion: ⭐️ ⭐️ Also on the “Oncology Brothers” podcast #gusm #OncTwitter OncUpdates

ToxCheck series: Common AEs and how to manage them when using TKIs for RCC with Sumanta K. Pal, MD, FASCO ✅ Cabo, Len, Axi ✅ Tivozanib ✅ Belzutifan Full discussion: ⭐️ ⭐️ Also on the “Oncology Brothers” podcast #gusm #OncTwitter OncUpdates

Oncology Brothers

56,993 views • 1 year ago

Supabase Edge Functions just got way easier to get started! You can now create, edit, and test them all within the dashboard! ✅ Type-check ✅ Edit with AI ✅ Templates for common use cases

Supabase Edge Functions just got way easier to get started! You can now create, edit, and test them all within the dashboard! ✅ Type-check ✅ Edit with AI ✅ Templates for common use cases

Tyler Shukert

20,548 views • 1 year ago

I am committed to rolling up my sleeves and getting to work for Texas: ✅ Securing the border. ✅ Unleashing American energy. ✅ Fighting for small businesses. ✅ Rebuilding the military. ✅ Simplifying the tax code.

I am committed to rolling up my sleeves and getting to work for Texas: ✅ Securing the border. ✅ Unleashing American energy. ✅ Fighting for small businesses. ✅ Rebuilding the military. ✅ Simplifying the tax code.

Senator Ted Cruz

75,794 views • 1 year ago

The world has changed in 24 hours. Its time for Australia to; ✅Make Paris cactus ✅End Net Zero ✅Use our own coal ✅Scrap the penalties on petrol/diesel cars ✅End the subsidies for wind turbines ✅End the subsidies for electric cars ✅Exit & defund the WHO ✅Protect free speech in our Constitution If you agree, come and join the LIBERTARIANS and fight for Australia because the Liberal party have hoisted the white flag and have surrendered to the Greens & Teals.

The world has changed in 24 hours. Its time for Australia to; ✅Make Paris cactus ✅End Net Zero ✅Use our own coal ✅Scrap the penalties on petrol/diesel cars ✅End the subsidies for wind turbines ✅End the subsidies for electric cars ✅Exit & defund the WHO ✅Protect free speech in our Constitution If you agree, come and join the LIBERTARIANS and fight for Australia because the Liberal party have hoisted the white flag and have surrendered to the Greens & Teals.

Craig Kelly:🇦🇺Foundation for Economic Education

106,394 views • 1 year ago

HAAAS ANYONE SEEN ✅ TOTTENHAM ✅ JAMIE O'HARA ✅ THE BIG COCKEREL ✅ 5-4-1 ✅ BEYONCE ✅ TO DARE IS TO DO ME A FAVOUR ✅ CHICK KING ✅ THREE POINT CAFE ✅ THE SKYWALK ✅ AJ TRACEY ✅ SPENCER OLIVER ✅ ALAN SUGAR ✅ JAMIE O'HARA No words needed for Cundy's Has Anyone Seen...

HAAAS ANYONE SEEN ✅ TOTTENHAM ✅ JAMIE O'HARA ✅ THE BIG COCKEREL ✅ 5-4-1 ✅ BEYONCE ✅ TO DARE IS TO DO ME A FAVOUR ✅ CHICK KING ✅ THREE POINT CAFE ✅ THE SKYWALK ✅ AJ TRACEY ✅ SPENCER OLIVER ✅ ALAN SUGAR ✅ JAMIE O'HARA No words needed for Cundy's Has Anyone Seen...

talkSPORT

336,020 views • 8 months ago

$700k prize pool for zero build reload✅ Actually 3 people in the crowd ✅ Tech pause cause observers loaded in as players ✅ Observers don't know how to turn on the UI ✅ Broadcast talent shitting on the game ✅ Stage screens showing Counter-Strike pros ✅ Best LAN of all time

$700k prize pool for zero build reload✅ Actually 3 people in the crowd ✅ Tech pause cause observers loaded in as players ✅ Observers don't know how to turn on the UI ✅ Broadcast talent shitting on the game ✅ Stage screens showing Counter-Strike pros ✅ Best LAN of all time

ClutX

473,521 views • 7 months ago

Queueing with up to seven friends? ✅ Teamwork Cannon? ✅ Trading items? ✅ Free gifts? ✅ Double Up has officially left the workshop. TFT: Cyber City launches in Patch TFT14.1 on April 2.

Queueing with up to seven friends? ✅ Teamwork Cannon? ✅ Trading items? ✅ Free gifts? ✅ Double Up has officially left the workshop. TFT: Cyber City launches in Patch TFT14.1 on April 2.

Teamfight Tactics

183,267 views • 1 year ago

If this post get 400+ reposts. I'll build it for you guys. The best way to validate the idea is to share it with right audience. Check out the app flow below. It can create: ✅ System prompts ✅ PRDs ✅ App flow Docs ✅ Schema Design ✅ v0 System Prompts and so on/

If this post get 400+ reposts. I'll build it for you guys. The best way to validate the idea is to share it with right audience. Check out the app flow below. It can create: ✅ System prompts ✅ PRDs ✅ App flow Docs ✅ Schema Design ✅ v0 System Prompts and so on/

CJ Zafir

17,687 views • 1 year ago