正在加载视频...

视频加载失败

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

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

Florian

12,876 subscribers

169,459 次观看 • 4 个月前 •via X (Twitter)

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; }

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. ❤️

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.

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

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

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.

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 ✨

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!

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 🙏

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

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:

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.

The history of scrollbars design.

Felix Lee

163,847 次观看 • 1 年前

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

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.

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

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 😉

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

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.

Learn how to create a custom scrollbar.

Ali Reza

30,201 次观看 • 3 年前