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.

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

Luke

1,836 subscribers

12,594 views • 1 month ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

Maxime

14,670 views • 7 months ago

Trying out the free version of GitHub Copilot for a component in one of our ctrl + she club projects, it is SO GOOD!

Trying out the free version of GitHub Copilot for a component in one of our ctrl + she club projects, it is SO GOOD!

Haimantika Mitra

19,640 views • 1 year ago

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.

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

76,659 views • 5 months ago

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

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

Alex Sidorenko

51,480 views • 1 year ago

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

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,599 views • 2 years ago

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✨

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,406 views • 1 year ago

⚠️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.

⚠️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

45,964 views • 11 months ago

a decade of crypto what a ride. we only get one shot at this life. why not shake things up? have some fun. to the next decade!

a decade of crypto what a ride. we only get one shot at this life. why not shake things up? have some fun. to the next decade!

david

45,515 views • 1 year ago

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

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 views • 2 years ago

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.

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

61,805 views • 4 months ago

New timeline component pushes CSS grid to its absolute limit 🥵

New timeline component pushes CSS grid to its absolute limit 🥵

Caleb Porzio ⚡️

150,687 views • 3 months ago

⚡️ 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

⚡️ 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,366 views • 1 year ago

Mini calendar component designed in Paper, animated with Motion

Mini calendar component designed in Paper, animated with Motion

Jeet

84,182 views • 1 month ago

Best way for them to say "We don't have the time or budget to see all of Atlas" so we got confined to only some areas which is fine.

Best way for them to say "We don't have the time or budget to see all of Atlas" so we got confined to only some areas which is fine.

YangXiaoLong

14,827 views • 9 months ago

“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

“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 views • 4 months ago

introducing: blur cycle component for Framer use this component to cycle through different words or phrases with a crazy smoooooth blur transition. comment "BLUR" and I’ll send you the component. :)

introducing: blur cycle component for Framer use this component to cycle through different words or phrases with a crazy smoooooth blur transition. comment "BLUR" and I’ll send you the component. :)

Framer University

10,448 views • 1 year ago

🇺🇸🇮🇷 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.

🇺🇸🇮🇷 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 views • 1 month ago

this viz for gradient descent with momentum is still one of my favourite examples of using an interactive component to explain an idea

this viz for gradient descent with momentum is still one of my favourite examples of using an interactive component to explain an idea

ab

17,157 views • 1 year ago

The horizontal component of velocity in a projectile motion remains constant [📹 Walter Lewin]

The horizontal component of velocity in a projectile motion remains constant [📹 Walter Lewin]

Massimo

32,321 views • 1 year ago

A little demo of a simple History component using Livewire and Verbs. Only storing a boolean "is_subscribed" in the database, but we have rich history of all the times they subbed/unsubbed. Paired with Josh Hanley 🇦🇺

A little demo of a simple History component using Livewire and Verbs. Only storing a boolean "is_subscribed" in the database, but we have rich history of all the times they subbed/unsubbed. Paired with Josh Hanley 🇦🇺

Daniel Coulbourne 🦋

22,196 views • 2 years ago