4. Variable font width ASCII art, because why not,... it's easy nowshow more

Smooth WYSIWYG part 3: edit rich elements like it's... plain text. Like typing in nostalgic ASCII ART to spruce up notes, because why not! 🔥show more

when animating variable font weights remember to include tighter... optical sizing to maintain the width of the textshow more

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 aroundshow more

There have been many versions of the Zelda logo... over the years, with varying proportions. So here's a proof of concept for a variable font with weight and width controls. My working name is "Hylia Serif DX."show more

who wants an ASCII converter component in Framer? can... be used for turning any image into ASCII art in seconds. oh and also works with the CMS. ↓ drop a comment and i'll let you know when it's released.show more

Figma + Framer + Unicorn Studio. It's a Killer... combo, believe me. The landing page design work experiment with ASCII art looks literally insane, isn't it?show more

Chandler: Monica, it's Sunday morning. I'm not running on... a Sunday. Monica: Why not? Chandler: Because it's Sunday! It's God's day.show more

Chandler: Monica, it's Sunday morning. I'm not running on... a Sunday. Monica: Why not? Chandler: Because it's Sunday! It's God's day.show more

It's not easy

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. 🎉show more

It is very easy to not get a woman... pregnant. Why do people act like it's rocket science?show more

It's not so easy to stay calm in the... presence of Richard Warren. #WidowsBay — Now Streamingshow more

it's not an easy choice

Variable width stroke now available in @Figma Draw! Join... me live, and I'll show you how to use it during my Figma for Edu Monthly Workshop! Tomorrow, June 27th at 2PM ET! Register free!show more

"it's not 2019 anymore" damn right bitch because bts... are BIGGER nowshow more

It's not easy being a man.

It's not easy to sign this.

It's not easy being a cat mom...