正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Cheng Lou

69,069 subscribers

346,471 次观看 • 4 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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! 🔥

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! 🔥

Wim Cools

30,422 次观看 • 10 个月前

when animating variable font weights remember to include tighter optical sizing to maintain the width of the text

when animating variable font weights remember to include tighter optical sizing to maintain the width of the text

؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜؜lochie

166,982 次观看 • 1 个月前

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

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

sam henri gold

108,321 次观看 • 1 年前

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."

Curioglyphic

360,053 次观看 • 3 年前

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.

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.

Framer University

11,587 次观看 • 1 年前

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?

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?

Basit A. Khan

85,888 次观看 • 7 个月前

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.

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.

all things friends

47,821 次观看 • 8 个月前

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.

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.

all things friends

129,246 次观看 • 11 个月前

It's not easy

It's not easy

Rajabets 🇮🇳👑

29,468 次观看 • 1 个月前

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

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 次观看 • 3 个月前

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

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

Asher

31,779 次观看 • 1 个月前

It's hard not to get carried away with silly experiments when it's this easy to write games with AI now...

It's hard not to get carried away with silly experiments when it's this easy to write games with AI now...

JQUAVE

23,744 次观看 • 16 天前

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

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

Apple TV

60,827 次观看 • 1 个月前

it's not an easy choice

it's not an easy choice

selena

18,179 次观看 • 5 个月前

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!

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!

miggi from figma

50,544 次观看 • 1 年前

"it's not 2019 anymore" damn right bitch because bts are BIGGER now

"it's not 2019 anymore" damn right bitch because bts are BIGGER now

faiꪆৎ

245,397 次观看 • 3 个月前

It's not easy being a man.

It's not easy being a man.

Ja Loka

25,640 次观看 • 7 个月前

It's not easy to sign this.

It's not easy to sign this.

The Figen

27,154,538 次观看 • 1 年前