Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

flornkm's profile picture

Florian

10,701 subscribers

163,494 Aufrufe • vor 6 Tagen •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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. ❤️
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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 8 Monaten

Useful wrapping tip
0:18

Useful wrapping tip

Science girl

702,258 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 9 Monaten

The history of scrollbars design.
0:17

The history of scrollbars design.

Felix Lee

163,783 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 2 Monaten

scrollbar on the dock
0:10

scrollbar on the dock

bradley

18,768 Aufrufe • vor 10 Monaten

The Evolution of Scrollbar Design
0:17

The Evolution of Scrollbar Design

Abraham John 🦄🦓

10,632 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 5 Monaten

**(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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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

Spencer Pratt is grabbing the crown from the gutter

Golden Boy 👑🗡️

23,734 Aufrufe • vor 1 Monat