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

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

На главную

Tip: prevent scrollbars from re-wrapping text. Using "scrollbar-gutter: stable" fixes this

flornkm's profile picture

Florian

12,876 subscribers

169,459 просмотров • 4 месяцев назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

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

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

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

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

Design Engineering Tip: If your whole page shifts 15px the moment a modal opens, it isn't the modal. It's the scrollbar disappearing, because the library sets overflow: hidden on the body to lock scrolling. Reserve the space before you ever need it: html { scrollbar-gutter: stable; }
0:12

Design Engineering Tip: If your whole page shifts 15px the moment a modal opens, it isn't the modal. It's the scrollbar disappearing, because the library sets overflow: hidden on the body to lock scrolling. Reserve the space before you ever need it: html { scrollbar-gutter: stable; }

Gabriel

31,433 просмотров • 2 месяцев назад

This one line of CSS will fix the annoying layout shift that scrollbars cause. This happens when a non-scrollable container becomes scrollable due to its content. This gets rid of that problem: .container { scrollbar-gutter: stable; } With that, space is reserved for the scrollbar before it even appears. So there's no layout shifts when content grows. Use both-edges if your content is centered. It mirrors the reserved space on both sides of the container to keep the layout balanced. If you found this one useful, follow for more. ❤️
0:13

This one line of CSS will fix the annoying layout shift that scrollbars cause. This happens when a non-scrollable container becomes scrollable due to its content. This gets rid of that problem: .container { scrollbar-gutter: stable; } With that, space is reserved for the scrollbar before it even appears. So there's no layout shifts when content grows. Use both-edges if your content is centered. It mirrors the reserved space on both sides of the container to keep the layout balanced. If you found this one useful, follow for more. ❤️

Ali

67,744 просмотров • 5 месяцев назад

Ghostty now has scrollbars for macOS drawn using native macOS GUI widgets of course! Available now in tip releases. GTK will follow very shortly. 50% of Ghostty memes now dead.
0:14

Ghostty now has scrollbars for macOS drawn using native macOS GUI widgets of course! Available now in tip releases. GTK will follow very shortly. 50% of Ghostty memes now dead.

Mitchell Hashimoto

108,914 просмотров • 1 год назад

Sewer tip technique to prevent rodents from entering the sewer pipeline
0:12

Sewer tip technique to prevent rodents from entering the sewer pipeline

Tim Healthy lifestyle 🏋️‍♀️

4,917,465 просмотров • 5 месяцев назад

Live2D Tip 📝 Using warp deformers for physics can cause unexpected size changes. To prevent this, separate physics into individual deformers for better control 🤔 #Vtuber #Live2DWIP #live2dtutorial
0:13

Live2D Tip 📝 Using warp deformers for physics can cause unexpected size changes. To prevent this, separate physics into individual deformers for better control 🤔 #Vtuber #Live2DWIP #live2dtutorial

StepTOON | Live2D 🔨

26,292 просмотров • 1 год назад

In some countries, they install gutter guards on their roof gutters to prevent them from getting clogged with dirt. Sounds like a great idea.
0:15

In some countries, they install gutter guards on their roof gutters to prevent them from getting clogged with dirt. Sounds like a great idea.

Arcfunmi

394,934 просмотров • 2 месяцев назад

Curved scrollbars ✨
0:19

Curved scrollbars ✨

Dhruvin

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

Inserting frames directly into text flow has been missing from UI design tools. We're fixing that in Paper. Text wrapping included. No more faking that with flex layout. This is still early in development -- tell us how you'd use this and what would make this more useful!
0:17

Inserting frames directly into text flow has been missing from UI design tools. We're fixing that in Paper. Text wrapping included. No more faking that with flex layout. This is still early in development -- tell us how you'd use this and what would make this more useful!

Alex Harri

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

Wrapping up the week 📺🗞️🤝. Bagaetsho, Re lebogile 🙏
0:10

Wrapping up the week 📺🗞️🤝. Bagaetsho, Re lebogile 🙏

Paulette Neo

16,245 просмотров • 1 год назад

Also George re-using this exact same shot from Babe 2 in that movie will never not kill me
0:15

Also George re-using this exact same shot from Babe 2 in that movie will never not kill me

Matthew

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

You can build your own AI-apps powered by OpenAI and Stable Diffusion. **Even if you don't know how to code** Using no-code, build your own text and image generation apps with: - Bubble - OpenAI - Stable Diffusion Learn how:
0:12

You can build your own AI-apps powered by OpenAI and Stable Diffusion. **Even if you don't know how to code** Using no-code, build your own text and image generation apps with: - Bubble - OpenAI - Stable Diffusion Learn how:

Seth Kramer

6,893,817 просмотров • 3 лет назад

The history of scrollbars design.
0:17

The history of scrollbars design.

Felix Lee

163,847 просмотров • 1 год назад

This guy built a custom scrollbar with section headers for his portfolio 👀
0:15

This guy built a custom scrollbar with section headers for his portfolio 👀

Adam KP

46,221 просмотров • 7 месяцев назад

Palestine protestors reportedly target two men for wearing poppies, and try prevent them from using the tube.
0:10

Palestine protestors reportedly target two men for wearing poppies, and try prevent them from using the tube.

Turning Point UK 🇬🇧

2,650,775 просмотров • 3 лет назад

Great prompt, but fine details won't survive the grid. Nano Banana Pro generates each in ~1k resolution. Product text gets lost. This workflow fixes that: → Automatically extracts all 9 grid image → You select your favorite → Upscales to 4K using your input as reference
0:13

Great prompt, but fine details won't survive the grid. Nano Banana Pro generates each in ~1k resolution. Product text gets lost. This workflow fixes that: → Automatically extracts all 9 grid image → You select your favorite → Upscales to 4K using your input as reference

rob - comfyui

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

Tailwind CSS Tip (24/30) ✨ You can create a transparent text effect in Tailwind CSS using (•••••••••••) Guess the CSS Property. You can use this Play Link as a starter: Answer will be shared later today 😉
0:12

Tailwind CSS Tip (24/30) ✨ You can create a transparent text effect in Tailwind CSS using (•••••••••••) Guess the CSS Property. You can use this Play Link as a starter: Answer will be shared later today 😉

Surjith S M ✪

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

Ever notice how talking to AI feels like Groundhog Day Every new chat starts from zero. No memory. No context. Just you re-explaining yourself over and over I found something that actually fixes this
0:16

Ever notice how talking to AI feels like Groundhog Day Every new chat starts from zero. No memory. No context. Just you re-explaining yourself over and over I found something that actually fixes this

Nawi

114,304 просмотров • 5 месяцев назад

Learn how to create a custom scrollbar.
0:18

Learn how to create a custom scrollbar.

Ali Reza

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