正在加载视频...

视频加载失败

返回首页

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

flornkm's profile picture

Florian

10,701 subscribers

163,494 次观看 • 6 天前 •via X (Twitter)

科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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

64,818 次观看 • 1 个月前

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,730 次观看 • 8 个月前

Useful wrapping tip
0:18

Useful wrapping tip

Science girl

702,258 次观看 • 5 个月前

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,914,750 次观看 • 1 个月前

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 🔨

21,733 次观看 • 9 个月前

The history of scrollbars design.
0:17

The history of scrollbars design.

Felix Lee

163,783 次观看 • 1 年前

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,639 次观看 • 3 年前

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

scrollbar on the dock
0:10

scrollbar on the dock

bradley

18,768 次观看 • 10 个月前

The Evolution of Scrollbar Design
0:17

The Evolution of Scrollbar Design

Abraham John 🦄🦓

10,632 次观看 • 1 年前

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,058 次观看 • 4 个月前

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,458 次观看 • 2 年前

You can now re-shoot existing video with AI 🤯 I took this clip on people using ChatGPT for medical advice and asked @LTXStudio to re-generate a section (watch for the green bar). Input was just the initial clip + a text prompt with the new dialogue. It's shockingly seamless!
0:12

You can now re-shoot existing video with AI 🤯 I took this clip on people using ChatGPT for medical advice and asked @LTXStudio to re-generate a section (watch for the green bar). Input was just the initial clip + a text prompt with the new dialogue. It's shockingly seamless!

Justine Moore

44,249 次观看 • 6 个月前

This shows real balance and control A wide stance and low center of gravity keep it stable, while strong core and quick adjustments prevent tipping.
0:10

This shows real balance and control A wide stance and low center of gravity keep it stable, while strong core and quick adjustments prevent tipping.

Learn Something

22,081 次观看 • 2 个月前

Super cute Christmas photo idea for kids using wrapping paper 🎁 🎄 😍
0:12

Super cute Christmas photo idea for kids using wrapping paper 🎁 🎄 😍

Grace Gym🏋️‍♀️

319,602 次观看 • 6 个月前

The World Computer has been isolated from all the world’s compute. Ritual fixes this.
0:10

The World Computer has been isolated from all the world’s compute. Ritual fixes this.

Ritual Foundation

23,816 次观看 • 5 个月前

**(I was there when he had nothing and I removed you from the gutter )***. Nah this period ooooo…..
0:19

**(I was there when he had nothing and I removed you from the gutter )***. Nah this period ooooo…..

Victor Boniface

767,200 次观看 • 1 年前

I created this gooey text effect animation using View Transitions and the blur + contrast method
0:13

I created this gooey text effect animation using View Transitions and the blur + contrast method

Kevin Grajeda

172,261 次观看 • 1 年前

BlueRaven open-sourced today, as promised! Twitter ruined my web UX - so many things were broken that I had to make another browser extension. This extension removes three grok buttons, fixes badge colors, re-centers the div, fixes the logo, etc. Link below!
0:19

BlueRaven open-sourced today, as promised! Twitter ruined my web UX - so many things were broken that I had to make another browser extension. This extension removes three grok buttons, fixes badge colors, re-centers the div, fixes the logo, etc. Link below!

near

110,282 次观看 • 1 年前

Spencer Pratt is grabbing the crown from the gutter
0:15

Spencer Pratt is grabbing the crown from the gutter

Golden Boy 👑🗡️

23,734 次观看 • 1 个月前