Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

Florian

11,605 subscribers

167,929 views • 1 month ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

65,633 views • 2 months ago

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,762 views • 9 months ago

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,916,141 views • 3 months ago

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 🔨

21,832 views • 11 months ago

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

83,284 views • 7 days ago

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,724 views • 3 years ago

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,173 views • 6 months ago

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 views • 2 years ago

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,288 views • 2 months ago

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!

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,256 views • 7 months ago

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.

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 views • 3 months ago

Will this mask prevent him from getting COVID?

Will this mask prevent him from getting COVID?

James Cintolo, RN FN CPT

554,761 views • 3 years ago

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

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

Ritual Foundation

23,987 views • 7 months ago

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

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

Kevin Grajeda

172,261 views • 1 year ago

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

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

Victor Boniface

767,230 views • 1 year ago

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 views • 1 year ago

I learned this tip from a nurse 👇🏼

I learned this tip from a nurse 👇🏼

Taichi for Health

49,887 views • 7 months ago

Vibe coded this RPG game with Three.js this weekend. Took 10+ hours using sonnet 3.7. Graphics generated using stable diffusion. Optimized with grok and gpt 4.5. Zero code edit, just let AI cook. Details 👇

Vibe coded this RPG game with Three.js this weekend. Took 10+ hours using sonnet 3.7. Graphics generated using stable diffusion. Optimized with grok and gpt 4.5. Zero code edit, just let AI cook. Details 👇

Paul Li

19,439 views • 1 year ago

What do you think this thing is used for? Is it to prevent mice from getting in or to prevent clogged drains?

What do you think this thing is used for? Is it to prevent mice from getting in or to prevent clogged drains?

Ayu D. Palupi

5,977,897 views • 10 months ago