Загрузка видео...

Не удалось загрузить видео

На главную

wip: some fun css-only motion for a tab component trying to optically align things so we have, one fixed width parent (preventing reflow outside component) along with 3 items which have dynamic labels of varying widths, is hard

lukerohanbailey's profile picture

Luke

1,836 subscribers

12,594 просмотров • 6 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Nuxt UI v4.11 is here! 🎊 ↔️ New Splitter component 📊 New ProgressGroup component ⚡️ Snappier motion with a shared easing curve 🌳 Component detection to tree-shake CSS in Vue ...and plenty more:
0:22

Nuxt UI v4.11 is here! 🎊 ↔️ New Splitter component 📊 New ProgressGroup component ⚡️ Snappier motion with a shared easing curve 🌳 Component detection to tree-shake CSS in Vue ...and plenty more:

Benjamin Canac

15,769 просмотров • 2 месяцев назад

dot matrix tricker component made with css and canvas inspired by Marijana Pavlinić's wonderful portfolio → (still wip)
0:28

dot matrix tricker component made with css and canvas inspired by Marijana Pavlinić's wonderful portfolio → (still wip)

Maxime

14,670 просмотров • 1 год назад

squircles feels nice. it's my first time trying the experimental css `corner-shape` property. you can just use in css `corner-shape: squircle` to make the squircles. had enough fun working on this control panel component. note: this is only support on "chromium" for now.
0:29

squircles feels nice. it's my first time trying the experimental css `corner-shape` property. you can just use in css `corner-shape: squircle` to make the squircles. had enough fun working on this control panel component. note: this is only support on "chromium" for now.

Soren

97,796 просмотров • 9 месяцев назад

Introducing <AeroShards /> An open-source animated background component powered by Vercel's new library. The amount of customization I added to this one is kinda wild - I hope you have fun trying it out.
0:24

Introducing <AeroShards /> An open-source animated background component powered by Vercel's new library. The amount of customization I added to this one is kinda wild - I hope you have fun trying it out.

David Haz

24,250 просмотров • 2 месяцев назад

"How to share state between React client components with a parent server component?" 👇
0:32

"How to share state between React client components with a parent server component?" 👇

Alex Sidorenko

51,557 просмотров • 1 год назад

Continuation of previous MRI case. A 14-year-old boy with persistent discomfort and occasional joint effusion 3 months after a medial knee sprain of the deep component (same injury 3 years ago). We have already seen the MRI. Ultrasound confirms a residual proximal tear of the deep MFL LCM with an insufficient ligament. Dynamic maneuvers with knee valgus in slight flexion demonstrated an insufficient ligament with meniscal hypermobility with the meniscus penetrating the joint with the knee valgus. The deep MCL component STABILIZES THE MENISCUS!! We can provide essential information for decision-making with dynamic US. #mskrad
0:40

Continuation of previous MRI case. A 14-year-old boy with persistent discomfort and occasional joint effusion 3 months after a medial knee sprain of the deep component (same injury 3 years ago). We have already seen the MRI. Ultrasound confirms a residual proximal tear of the deep MFL LCM with an insufficient ligament. Dynamic maneuvers with knee valgus in slight flexion demonstrated an insufficient ligament with meniscal hypermobility with the meniscus penetrating the joint with the knee valgus. The deep MCL component STABILIZES THE MENISCUS!! We can provide essential information for decision-making with dynamic US. #mskrad

Gonzalo Serrano-Belmar.

40,668 просмотров • 2 лет назад

Sorry, guys from other stacks!!! 🥲 Everything is server-side rendered, high-performing, and written in a few lines of code. It's not a new component. It's just a table, some buttons, and some inputs placed with some CSS utility classes. ✨CSS Zero Datatable✨
0:54

Sorry, guys from other stacks!!! 🥲 Everything is server-side rendered, high-performing, and written in a few lines of code. It's not a new component. It's just a table, some buttons, and some inputs placed with some CSS utility classes. ✨CSS Zero Datatable✨

Lázaro Nixon

10,408 просмотров • 1 год назад

⚠️VISUAL REBRAND⚠️ Here's a look at the refreshed Piggy Main Menu! The scale of buttons have been fixed and some new effects have been added. The new Main Menu UI is still a WIP, so things may change.
0:28

⚠️VISUAL REBRAND⚠️ Here's a look at the refreshed Piggy Main Menu! The scale of buttons have been fixed and some new effects have been added. The new Main Menu UI is still a WIP, so things may change.

Piggy News

46,199 просмотров • 1 год назад

Okay friends, let's say you're building a list component ❖ Which method do you use? A – Using a variant set with options for each amount B – Use booleans to toggle visibility of a single list component
0:30

Okay friends, let's say you're building a list component ❖ Which method do you use? A – Using a variant set with options for each amount B – Use booleans to toggle visibility of a single list component

luis.

24,290 просмотров • 2 лет назад

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs
0:44

⚡️ Common ComboBox component with more controls on customized list items and selection ⌘ Build with shadcn and Tailwind CSS Demo: Source Code (Free): #webdev #buildinpublic #uiux #nextjs #reactjs

Bharat Kara

17,387 просмотров • 2 лет назад

Two ways to handle a blocking component in Next.js: • Cache: so it can be prerendered with the rest of the page. • Stream: so the rest of the page doesn't have to wait for it.
1:09

Two ways to handle a blocking component in Next.js: • Cache: so it can be prerendered with the rest of the page. • Stream: so the rest of the page doesn't have to wait for it.

Next.js

62,201 просмотров • 9 месяцев назад

Component anatomy standard I have been building at Well to break any component down to its smallest primitive
0:30

Component anatomy standard I have been building at Well to break any component down to its smallest primitive

Paulius

372,664 просмотров • 2 месяцев назад

Trump on his arch: "It's got a military component. Everything has a military component nowadays. I have to do that to satisfy my senators."
0:21

Trump on his arch: "It's got a military component. Everything has a military component nowadays. I have to do that to satisfy my senators."

Aaron Rupar

29,149 просмотров • 24 дней назад

New timeline component pushes CSS grid to its absolute limit 🥵
0:22

New timeline component pushes CSS grid to its absolute limit 🥵

Caleb Porzio ⚡️

152,076 просмотров • 8 месяцев назад

Mini calendar component designed in Paper, animated with Motion
0:22

Mini calendar component designed in Paper, animated with Motion

Jeet

86,012 просмотров • 6 месяцев назад

“Why is it so hard to have a normal conversation with people on the LEFT?” 🤯 She isn’t debating, yelling, or picking a side — she agrees with some things on the left and some things on the right. But the moment she does, the LEFT labels her a Trump supporter, calls her racist, accuses her of wanting to be white, and shuts the conversation down completely. ▶️ Watch the clip. 💬 Have you experienced this when trying to have a normal conversation? #WalkAway @brokenwifi101
0:42

“Why is it so hard to have a normal conversation with people on the LEFT?” 🤯 She isn’t debating, yelling, or picking a side — she agrees with some things on the left and some things on the right. But the moment she does, the LEFT labels her a Trump supporter, calls her racist, accuses her of wanting to be white, and shuts the conversation down completely. ▶️ Watch the clip. 💬 Have you experienced this when trying to have a normal conversation? #WalkAway @brokenwifi101

#WalkAway Campaign

12,320 просмотров • 9 месяцев назад

🇺🇸🇮🇷 Hegseth: "We are winning. We have won every component of what we fought in this conflict. Iran knows that based on the incredible degradation of their capabilities, which is why we saw them wanting to come to the table." Iran came to the table with a 14-point list of demands. Interesting table.
0:24

🇺🇸🇮🇷 Hegseth: "We are winning. We have won every component of what we fought in this conflict. Iran knows that based on the incredible degradation of their capabilities, which is why we saw them wanting to come to the table." Iran came to the table with a 14-point list of demands. Interesting table.

Mario Nawfal

45,281 просмотров • 5 месяцев назад