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

Path segmentation and interpolation, and variable stroke width in Redraw

Obsessed with ASCII art works!

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

🎉 Introducing: Interactive ASCII Component for @Framer. Turn your... images into interactive ASCII art with fully customizable properties. RT + comment "ASCII" and i'll send you the component :)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

Turn your images and videos into ASCII art 👾... ❋ · asciilab launched!show more

#BFDI Reanimated BFB 4 because why not, Full video

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

Marco Rubio on Cuba: Cuba is a failed state... right now. And it's not because of us. People say it's because of us. It's not.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

Making a React component to generate and blend ASCII... art of a given imageshow more

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