Загрузка видео...

Не удалось загрузить видео

На главную

Wrote about scroll-driven variable fonts. The why, the sticky wrapper pattern, and the weight lens stagger math.

carmenansio's profile picture

Carmen Ansio

67,515 subscribers

13,282 просмотров • 3 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @​property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇
0:11

💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @​property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇

CSS by T. Afif

35,659 просмотров • 2 лет назад

Kinda related: Inline scroll areas that cut off suck as well. Adding a scroll-driven mask to the top and bottom makes it feel much smoother
0:13

Kinda related: Inline scroll areas that cut off suck as well. Adding a scroll-driven mask to the top and bottom makes it feel much smoother

Florian

115,676 просмотров • 3 месяцев назад

The best way to handle responsive tables: ◇ Measure width and add scroll ◇ Sticky columns for context ◇ Pagination ◇ Keyboard (Arrow left/right)
0:13

The best way to handle responsive tables: ◇ Measure width and add scroll ◇ Sticky columns for context ◇ Pagination ◇ Keyboard (Arrow left/right)

Pontus Abrahamsson — oss/acc

36,973 просмотров • 1 год назад

Sticky header that updates based on the active top section. Months animate in from left/right depending on the scroll direction
0:15

Sticky header that updates based on the active top section. Months animate in from left/right depending on the scroll direction

Mery

34,233 просмотров • 11 месяцев назад

what season is the easiest for you to lose weight and why?
0:16

what season is the easiest for you to lose weight and why?

springflingana 𓏲ּ𝄢

30,487 просмотров • 9 месяцев назад

We envision an open and fair internet. Lens plays a huge part in bringing that vision to life by revolutionizing onchain social media—one of the most impactful aspects of the internet today. That's why we're teaming up with Lens to drive this mission forward! Learn more about how Lens is utilizing Avail DA here -
0:13

We envision an open and fair internet. Lens plays a huge part in bringing that vision to life by revolutionizing onchain social media—one of the most impactful aspects of the internet today. That's why we're teaming up with Lens to drive this mission forward! Learn more about how Lens is utilizing Avail DA here -

Avail

100,770 просмотров • 1 год назад

What if I will tell you how we could solve fit-to-width text with pure CSS without any hardcoded parameters? Curiously, scroll-driven animations will allow us to do just that! I wrote a new article where I continue exploring the experimental implementations of the latest specs.
0:16

What if I will tell you how we could solve fit-to-width text with pure CSS without any hardcoded parameters? Curiously, scroll-driven animations will allow us to do just that! I wrote a new article where I continue exploring the experimental implementations of the latest specs.

Roma Komarov (inactive)

138,374 просмотров • 3 лет назад

THREAD: Here are the best sets from the Sweet Sixteen and Elite Eight. Duke Stagger Reject Shuffle
0:10

THREAD: Here are the best sets from the Sweet Sixteen and Elite Eight. Duke Stagger Reject Shuffle

Eric Fawcett

570,426 просмотров • 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."
0:10

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 лет назад

The Weight of the World! Don't stop talking about Gaza #Gaza
0:14

The Weight of the World! Don't stop talking about Gaza #Gaza

Iran Embassy Hungary

371,961 просмотров • 3 месяцев назад

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at
0:12

I'm 9 years old and I wrote a blog post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post at

Volodymyr

24,579 просмотров • 1 год назад

"body shaming is fine till it's all about the weight" and he ATE 😭
0:17

"body shaming is fine till it's all about the weight" and he ATE 😭

spicebae

5,866,182 просмотров • 7 месяцев назад

Nobody talk about how Kandi wrote and was singing in the background with pink. #RHOA
0:15

Nobody talk about how Kandi wrote and was singing in the background with pink. #RHOA

DeMarko

497,722 просмотров • 1 год назад

Taylor Swift wrote “Ruin The Friendship” about Tyler Joseph and Josh Dun. “And it was not convenient , no Would’ve been the best mistake”
0:13

Taylor Swift wrote “Ruin The Friendship” about Tyler Joseph and Josh Dun. “And it was not convenient , no Would’ve been the best mistake”

Pilots Crave

25,713 просмотров • 10 месяцев назад

Back to my Gidigbo typeface idea I explored sometime in March. Initial plan was just uppercase and a bold weight. Now I’m thinking of the possibility of it having lowercase glyphs & a variable weight axis. Such a “punchy” type. #typedesign #variabletype #africantypography
0:11

Back to my Gidigbo typeface idea I explored sometime in March. Initial plan was just uppercase and a bold weight. Now I’m thinking of the possibility of it having lowercase glyphs & a variable weight axis. Such a “punchy” type. #typedesign #variabletype #africantypography

Chisa

11,047 просмотров • 1 год назад

Who said range sliders need to be straight and boring?! Hey CSS, distort the line! 〰️ Another funny demo powered by border-shape, scroll-driven animations, and more The HTML code? Only an input element (no extra code is needed)
0:14

Who said range sliders need to be straight and boring?! Hey CSS, distort the line! 〰️ Another funny demo powered by border-shape, scroll-driven animations, and more The HTML code? Only an input element (no extra code is needed)

CSS by T. Afif

32,241 просмотров • 1 месяц назад

Shame wear me wrapper. IMAGINE CRYING FOR A WOMAN, AND THE WOMAN EVEN POOR AND WORWOR
0:16

Shame wear me wrapper. IMAGINE CRYING FOR A WOMAN, AND THE WOMAN EVEN POOR AND WORWOR

Comodo😎⚽

45,079 просмотров • 27 дней назад

Onchain social is live on ZKsync with the launch of the Lens Developer Preview. Lens Protocol is on track to become the social layer for ZKsync and will be composable across the Elastic Chain. Devs, get started on Testnet and join Lens on the journey to mainnet 🌱
0:15

Onchain social is live on ZKsync with the launch of the Lens Developer Preview. Lens Protocol is on track to become the social layer for ZKsync and will be composable across the Elastic Chain. Devs, get started on Testnet and join Lens on the journey to mainnet 🌱

ZKsync

78,966 просмотров • 1 год назад

🐻‍❄️: “can you wipe the lens” ah [wipes it and realized that the quality became better] looks like the lens were a bit dirty… 😆 cute
0:17

🐻‍❄️: “can you wipe the lens” ah [wipes it and realized that the quality became better] looks like the lens were a bit dirty… 😆 cute

우지냥이

36,303 просмотров • 3 месяцев назад