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

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

На главную

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 месяц назад