正在加载视频...

视频加载失败

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

using css pow() you can create runtime-configurable fluid typography that responds to viewport or container size 😉 for example, "minimum of 14px at 375px and scale to maximum 24px at 1500px" all powered by pow() and custom properties

jhey ʕ•ᴥ•ʔ

146,397 subscribers

118,288 次观看 • 4 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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

a well-known iOS Safari quirk is that inputs with a font-size <16px trigger an auto-zoom on focus using 16px is probably the best solution, but it can feel a bit heavy in tight UIs a clever workaround is to keep the font-size at 16px and scale the input down with CSS!

a well-known iOS Safari quirk is that inputs with a font-size <16px trigger an auto-zoom on focus using 16px is probably the best solution, but it can feel a bit heavy in tight UIs a clever workaround is to keep the font-size at 16px and scale the input down with CSS!

daniel petho

150,773 次观看 • 5 个月前

You can create custom profile pictures for your account, group or channel using animated stickers and emoji. Choose 'Set Emoji' when adding a profile photo to design your picture – with infinite combinations of emoji and backgrounds. #TelegramTips

Telegram Messenger

107,023 次观看 • 2 年前

ClickUp is working on agents that build custom user interfaces on the fly. > Agents can build custom interactive blocks, with buttons, editable fields, and embedded charts. > Agents decide what the user needs to see and construct an interactive experience in real time. > Clicking or editing inside a generated block can fire an action directly. Agents will be able to create a working code block that responds to users' input, built in the moment for the task at hand.

ClickUp is working on agents that build custom user interfaces on the fly. > Agents can build custom interactive blocks, with buttons, editable fields, and embedded charts. > Agents decide what the user needs to see and construct an interactive experience in real time. > Clicking or editing inside a generated block can fire an action directly. Agents will be able to create a working code block that responds to users' input, built in the moment for the task at hand.

🚨 AI News | TestingCatalog

13,322 次观看 • 1 个月前

I experiment with Celld + RustFS + Deepseek v4 flash everything running on LOCAL and built this realtime multi agent collaboration platform for agents to collab and write some documents It can create 1 reviewer agent and two writer all powered by celld + rustfs + pi, you can see it working realtime by using websocket function from celld

I experiment with Celld + RustFS + Deepseek v4 flash everything running on LOCAL and built this realtime multi agent collaboration platform for agents to collab and write some documents It can create 1 reviewer agent and two writer all powered by celld + rustfs + pi, you can see it working realtime by using websocket function from celld

Farhan Helmy

35,118 次观看 • 1 个月前

This one CSS property will fix your z-index headache. In CSS, a child element with z-index will overlap with any fixed or floating elements outside its container. Instead of stacking higher and higher values to fix it. Use this instead: .card-container { isolation: isolate; } With that, any elements with z-index inside the container will be contained. If you found this useful, follow for more. ❤️

This one CSS property will fix your z-index headache. In CSS, a child element with z-index will overlap with any fixed or floating elements outside its container. Instead of stacking higher and higher values to fix it. Use this instead: .card-container { isolation: isolate; } With that, any elements with z-index inside the container will be contained. If you found this useful, follow for more. ❤️

Ali

16,738 次观看 • 4 个月前

SwiftUI introduced a new modifier on iOS 26+ that essentially removes the thumb from the Slider and transforms it into a draggable progress bar. Currently, there’s no way to adjust the size of the progress bar. However, by using the scale and other modifiers, we can create a progress bar that is similar to the iOS Volume slider! Modifier: sliderThumbVisibility()

SwiftUI introduced a new modifier on iOS 26+ that essentially removes the thumb from the Slider and transforms it into a draggable progress bar. Currently, there’s no way to adjust the size of the progress bar. However, by using the scale and other modifiers, we can create a progress bar that is similar to the iOS Volume slider! Modifier: sliderThumbVisibility()

Kavsoft

22,783 次观看 • 11 个月前

Can you still go to beach to enjoy or eat after seeing this way where you can create beach at your house and then enjoy life as others 😉, thanks to this kid I won’t spend my money on beaches anymore

Can you still go to beach to enjoy or eat after seeing this way where you can create beach at your house and then enjoy life as others 😉, thanks to this kid I won’t spend my money on beaches anymore

Marc Bug

183,715 次观看 • 3 个月前

Now you can generate 3D animations directly from video. This is a behind the scenes look at 3D animator Jón Kristinsson using Move AI to capture and animate The Candy Man. Motion capture powered by AI. No suits or markers required.

Now you can generate 3D animations directly from video. This is a behind the scenes look at 3D animator Jón Kristinsson using Move AI to capture and animate The Candy Man. Motion capture powered by AI. No suits or markers required.

Move AI

458,222 次观看 • 2 年前

Storytime: How millions of business dreamers and entrepreneurs powered up with GoDaddy’s AI products in 2024. And we’ve only just begun 😉🚀 Find all the AI-powered tools you need to start and grow your business at GoDaddy․com 🫶🏽 👉🏼 #AI #Entrepreneur #GrowYourBusiness

Storytime: How millions of business dreamers and entrepreneurs powered up with GoDaddy’s AI products in 2024. And we’ve only just begun 😉🚀 Find all the AI-powered tools you need to start and grow your business at GoDaddy․com 🫶🏽 👉🏼 #AI #Entrepreneur #GrowYourBusiness

GoDaddy

19,689 次观看 • 1 年前

They say that the ancient towers were built to reach the heavens. That within their walls lay treasures guarded by creatures of myth and legend Knights would scale the steps, facing peril at every turn All for the chance at glory.

They say that the ancient towers were built to reach the heavens. That within their walls lay treasures guarded by creatures of myth and legend Knights would scale the steps, facing peril at every turn All for the chance at glory.

Degen Coin Flip

144,953 次观看 • 1 年前

Later, u/TrustyPeaches was able to use this method to create map backgrounds at scale. Inspired, I created an improved pipeline for mass production and proved that these backgrounds can be made to run on real DS hardware!

Later, u/TrustyPeaches was able to use this method to create map backgrounds at scale. Inspired, I created an improved pipeline for mass production and proved that these backgrounds can be made to run on real DS hardware!

AphexCubed

90,290 次观看 • 6 个月前

If you can't make a decision, ask Cursor to make you a quiz. I've found this helpful when dealing with a lot of variables in a project - I can go through (pressing Y or N keys) and see/compare results at the end. This example, I needed to compare three different sans across length and scale.

If you can't make a decision, ask Cursor to make you a quiz. I've found this helpful when dealing with a lot of variables in a project - I can go through (pressing Y or N keys) and see/compare results at the end. This example, I needed to compare three different sans across length and scale.

Jaytel

15,823 次观看 • 8 个月前

border-radius can actually take up to eight values, like: `10% 5% 5% 10% / 5% 10% 10% 5%` that lets you create all kinds of organic shapes in pure css! add blur + some layering and you can make it into a fancy glowing loader

border-radius can actually take up to eight values, like: `10% 5% 5% 10% / 5% 10% 10% 5%` that lets you create all kinds of organic shapes in pure css! add blur + some layering and you can make it into a fancy glowing loader

daniel petho

44,834 次观看 • 6 个月前

I was lucky enough to be there today when Spencer Pratt voted using his mail ballot. He is already leading by example. No one is busier or has more at stake in this election than Spencer, and if he can do it, so can you Send it. 💌

I was lucky enough to be there today when Spencer Pratt voted using his mail ballot. He is already leading by example. No one is busier or has more at stake in this election than Spencer, and if he can do it, so can you Send it. 💌

Elizabeth Barcohana

81,422 次观看 • 4 个月前

“Everyone is using ChatGPT or Claude but your AI agent is actually going to need to have a bank account that is credibly neutral and you can depend on” - Pedr◎, Head of Consumer at Solana Foundation

“Everyone is using ChatGPT or Claude but your AI agent is actually going to need to have a bank account that is credibly neutral and you can depend on” - Pedr◎, Head of Consumer at Solana Foundation

x402 on Solana

16,629 次观看 • 5 个月前

You can play podcasts, videos, voice and video messages at any speed from 0.2x to 2.5x – using the slider to speed through longer content or to slow down for every detail. #TelegramTips

You can play podcasts, videos, voice and video messages at any speed from 0.2x to 2.5x – using the slider to speed through longer content or to slow down for every detail. #TelegramTips

Telegram Messenger

99,772 次观看 • 3 年前

Video creation has changed forever. Introducing Replit Animation. #replitanimation Replit ⠕ Go from a single prompt to a fully animated video, powered by TypeScript and modern libraries. → Pull in your existing design systems, tokens and typography → Export to MP4 at any resolution and frame rate → Host online at a unique URL → Use agent skills to build any video imaginable → Create repeatable pipelines for changelogs, feature releases and brand content → Video is now a pipeline just like data or CI/CD Type "video" in the prompt box to get started or select "Animation" under App mode. Start building:

SARAH

139,531 次观看 • 6 个月前