Loading video...

Video Failed to Load

Go Home

woke up last night to write down this idea for a fluid navigation bar thing that uses variable font width and weight to signify selection state. it feels very fun to play with and squish around

samhenrigold's profile picture

sam henri gold

9,626 subscribers

108,321 views • 1 year ago •via X (Twitter)

EducationArtsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Downloaded Madden last night and De’Von Achane is fun to play with
0:14

Downloaded Madden last night and De’Von Achane is fun to play with

Marcel Louis-Jacques

89,658 views • 2 months ago

🦅 this song actually created on the day we debut (youngkeukeu) 🦅 on the night actually on the night we debut august 18, it was a very fun song to write all together and as you can see it's a very fun song to perform
0:19

🦅 this song actually created on the day we debut (youngkeukeu) 🦅 on the night actually on the night we debut august 18, it was a very fun song to write all together and as you can see it's a very fun song to perform

星星

43,989 views • 6 months ago

💡 Very excited to announce new features: better interactive maps! 🗺️ – Enhanced country/region selection with several sorting options and a bar chart preview – Selecting a country highlights it and shows its value on the map – Zooming to your selection brings up a 3D globe view 🌍
0:15

💡 Very excited to announce new features: better interactive maps! 🗺️ – Enhanced country/region selection with several sorting options and a bar chart preview – Selecting a country highlights it and shows its value on the map – Zooming to your selection brings up a 3D globe view 🌍

Our World in Data

15,878 views • 1 year ago

Seems like a good opportunity to share a trick I used on the React Aria website to make headings scale to fit the viewport on mobile, even with SSR. I used fontkit, a library I wrote 10 years ago to parse fonts and layout glyphs, to measure the width of the heading at build time in the "em" unit. width = font.layout('DateRangePicker').advanceWidth / font.unitsPerEm This is a size independent measurement using the font's internal metrics. When multiplied by any font size, you get the pixel width of the text. To calculate the font size, set this as a CSS variable and divide the target width (100vw minus padding). Clamp to make sure it doesn't get too big or small. font-size: clamp(35px, (100vw - 32px) / var(--text-width), 55px) And tada! You have perfectly scaling text no matter the viewport size. 🎉
0:15

Seems like a good opportunity to share a trick I used on the React Aria website to make headings scale to fit the viewport on mobile, even with SSR. I used fontkit, a library I wrote 10 years ago to parse fonts and layout glyphs, to measure the width of the heading at build time in the "em" unit. width = font.layout('DateRangePicker').advanceWidth / font.unitsPerEm This is a size independent measurement using the font's internal metrics. When multiplied by any font size, you get the pixel width of the text. To calculate the font size, set this as a CSS variable and divide the target width (100vw minus padding). Clamp to make sure it doesn't get too big or small. font-size: clamp(35px, (100vw - 32px) / var(--text-width), 55px) And tada! You have perfectly scaling text no matter the viewport size. 🎉

Devon Govett

48,276 views • 5 months ago

Went on a date with the love of my life last night… and then I woke up back to reality
0:10

Went on a date with the love of my life last night… and then I woke up back to reality

Grizzy

442,598 views • 3 years ago

I saw this when I woke up at 5 o'clock this morning, still very pissed from last night, and needed to revisit it in the cold, sober light of day to make sure this was what I was seeing
0:16

I saw this when I woke up at 5 o'clock this morning, still very pissed from last night, and needed to revisit it in the cold, sober light of day to make sure this was what I was seeing

Oh what, wow. He's the greatest tweeter

230,260 views • 1 month ago

I live that Boopie miller took that last shot: - degenerate gamblers crashing out is always a win - Murray state pressing down 14 with a minute and change to play, calls time out with 30 seconds to go, continues to play to win… -Coach Andy said shoot - #DoItForTheNET
0:11

I live that Boopie miller took that last shot: - degenerate gamblers crashing out is always a win - Murray state pressing down 14 with a minute and change to play, calls time out with 30 seconds to go, continues to play to win… -Coach Andy said shoot - #DoItForTheNET

PONY UP HYPE TRAIN

11,806 views • 9 months ago

Added a thing to my swingy lantern script that takes the velocity and uses it to control the volume of the lantern sounds, so moving it around makes more noise :)
0:10

Added a thing to my swingy lantern script that takes the velocity and uses it to control the volume of the lantern sounds, so moving it around makes more noise :)

Sean // Hear Tell of Hauntings🥀

20,239 views • 10 months ago

Most video tools make creating feel like work. SkyReels feels like play. It’s built for anyone who has an idea but doesn’t have time to edit, animate, or hire a full team. You write what you want, and it brings it to life.
0:18

Most video tools make creating feel like work. SkyReels feels like play. It’s built for anyone who has an idea but doesn’t have time to edit, animate, or hire a full team. You write what you want, and it brings it to life.

Future Stacked

70,914 views • 9 months ago

Today’s my actual Birthday and I haven’t done a thing. I danced so much last night that I felt every ache and pain when I woke up this morning. LMAO!
0:15

Today’s my actual Birthday and I haven’t done a thing. I danced so much last night that I felt every ache and pain when I woke up this morning. LMAO!

Ƙℓαяиα Ƙωɛɛи

36,532 views • 6 months ago

I was in the same room as that very pretty actress Busy Philipps for several hours last night and it took everything within me to refrain from going up to her and asking her about this iconic Big Brother moment.
0:15

I was in the same room as that very pretty actress Busy Philipps for several hours last night and it took everything within me to refrain from going up to her and asking her about this iconic Big Brother moment.

Domenick Wissel

46,637 views • 8 months ago

Woke up Champions! Surreal race last night and so grateful to be apart of a historic 11 team.
0:15

Woke up Champions! Surreal race last night and so grateful to be apart of a historic 11 team.

Corey Heim

20,291 views • 10 months ago

I've just received access to SeeDance2. Very first test and it really does live up to its hype. This is a slow and considered generation but it is very, very cool. Down with a virus right now, but I'll enjoy testing this.
0:15

I've just received access to SeeDance2. Very first test and it really does live up to its hype. This is a slow and considered generation but it is very, very cool. Down with a virus right now, but I'll enjoy testing this.

TomLikesRobots🤖

18,275 views • 6 months ago

About last Night … We first met in a club on an ordinary Saturday in 2008. Ever since then, life has taken its path. We are very much busy with work, kids, and paying bills, but once in a while it feels good to go back to where it all started. A fun night out, just me and Ezenwa Udogu 🎉🪩
0:18

About last Night … We first met in a club on an ordinary Saturday in 2008. Ever since then, life has taken its path. We are very much busy with work, kids, and paying bills, but once in a while it feels good to go back to where it all started. A fun night out, just me and Ezenwa Udogu 🎉🪩

Nwanyi Ocha

18,471 views • 3 months ago

Bumble Prime is done! Thanks to StudentScissors for designing this beauty — and listing the files on cults for FREE at that. The build was very pleasant and smooth, and the toy is actually fun to play with.
0:17

Bumble Prime is done! Thanks to StudentScissors for designing this beauty — and listing the files on cults for FREE at that. The build was very pleasant and smooth, and the toy is actually fun to play with.

Cam, Your Local Toyhax Man

15,263 views • 21 days ago

Have you played night golf? Why isn’t it a big thing in the USA? Talking full, 18 hole, regulation night golf. With tee times being hard to get, night golf would open up huge revenue streams and more people could play. And Friday night rounds with friends would be so fun.
0:14

Have you played night golf? Why isn’t it a big thing in the USA? Talking full, 18 hole, regulation night golf. With tee times being hard to get, night golf would open up huge revenue streams and more people could play. And Friday night rounds with friends would be so fun.

Rick Golfs

674,916 views • 1 year ago

design idea for a water tracking app. the fill level is a real fluid sim reacting to your gyroscope built with a webgl fragment shader, damped pendulum physics, refraction and chromatic aberration i can share the file if anyone wants to play with it
0:19

design idea for a water tracking app. the fill level is a real fluid sim reacting to your gyroscope built with a webgl fragment shader, damped pendulum physics, refraction and chromatic aberration i can share the file if anyone wants to play with it

Eugene Y.

67,541 views • 1 month ago

had to stop by the rescue really late last night and was glad to see our guard cat, Mr. Perfect, was holding down the fort (I was there for 15 minutes before he realized and woke up)
0:16

had to stop by the rescue really late last night and was glad to see our guard cat, Mr. Perfect, was holding down the fort (I was there for 15 minutes before he realized and woke up)

Friends of Bear Cat Rescue

132,154 views • 1 year ago

At the Philly stop of Danny Brown and Bruiser Wolf tour I brought a Pyrex cup for Bruiser Wolf to sign and in my head I like to think this inspired Wolf to write this bar in the song he made with F1LTHY last year
0:37

At the Philly stop of Danny Brown and Bruiser Wolf tour I brought a Pyrex cup for Bruiser Wolf to sign and in my head I like to think this inspired Wolf to write this bar in the song he made with F1LTHY last year

tippity

59,836 views • 1 year ago