Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

flornkm's profile picture

Florian

10,701 subscribers

163,494 görüntüleme • 6 gün önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 ay önce

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 görüntüleme • 8 ay önce

Useful wrapping tip
0:18

Useful wrapping tip

Science girl

702,258 görüntüleme • 5 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 9 ay önce

The history of scrollbars design.
0:17

The history of scrollbars design.

Felix Lee

163,783 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 2 ay önce

scrollbar on the dock
0:10

scrollbar on the dock

bradley

18,768 görüntüleme • 10 ay önce

The Evolution of Scrollbar Design
0:17

The Evolution of Scrollbar Design

Abraham John 🦄🦓

10,632 görüntüleme • 1 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 5 ay önce

**(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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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

Spencer Pratt is grabbing the crown from the gutter

Golden Boy 👑🗡️

23,734 görüntüleme • 1 ay önce