Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

reminder to use `scrollbar-gutter: stable` if your layout shifts when the scrollbar disappears

hugosaintemarie's profile picture

Hugo

9,448 subscribers

86,188 Aufrufe • vor 2 Monaten •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

What if the scrollbar went around the corner? 👀 CSS could do that ✨
0:23

What if the scrollbar went around the corner? 👀 CSS could do that ✨

jhey ʕ•ᴥ•ʔ

847,137 Aufrufe • vor 2 Jahren

extra little details™ animate a CSS custom property to sync scrollbar-color with the active item ✨ html { scrollbar-color: oklch(65% 0.3 var(--p)) #0000; animation: sync; animation-timeline: --ul; animation-range: entry 50% exit 50% } @​keyframes sync { to { --p: 320; } }
0:33

extra little details™ animate a CSS custom property to sync scrollbar-color with the active item ✨ html { scrollbar-color: oklch(65% 0.3 var(--p)) #0000; animation: sync; animation-timeline: --ul; animation-range: entry 50% exit 50% } @​keyframes sync { to { --p: 320; } }

jhey ʕ•ᴥ•ʔ

61,402 Aufrufe • vor 1 Jahr

When LPG disappears, the ‘Gutter Gas Scientist’ finds a solution.
0:34

When LPG disappears, the ‘Gutter Gas Scientist’ finds a solution.

Karnataka Congress

19,549 Aufrufe • vor 5 Monaten

small nuance 🧑‍🍳 you don’t always need to leave room for the scrollbar if mask-size < activation range, it may never overlap 👇 it's handy for larger/eased masks over shorter ranges and again, you might like the overlap 🤙
0:21

small nuance 🧑‍🍳 you don’t always need to leave room for the scrollbar if mask-size < activation range, it may never overlap 👇 it's handy for larger/eased masks over shorter ranges and again, you might like the overlap 🤙

jhey ʕ•ᴥ•ʔ

20,887 Aufrufe • vor 3 Monaten

Doing this still gives some minor layout shifts. rather use a absolute positioned flex centered element in a container with the original element to keep track of the width. Gives 0 layouts shifts and also works great with large font weights transitions
0:21

Doing this still gives some minor layout shifts. rather use a absolute positioned flex centered element in a container with the original element to keep track of the width. Gives 0 layouts shifts and also works great with large font weights transitions

Dhruvin

64,710 Aufrufe • vor 3 Monaten

Reminder 🔔 you don't have to know what your purpose is when it comes to your career!!! Like this reminder if it resonated
1:42

Reminder 🔔 you don't have to know what your purpose is when it comes to your career!!! Like this reminder if it resonated

The Bossticks

64,826 Aufrufe • vor 1 Jahr

#FigmaTip: Use Layout Grids paired with Constraints to anchor elements to columns or rows when resizing. Thanks, Ana for the tip!
2:14

#FigmaTip: Use Layout Grids paired with Constraints to anchor elements to columns or rows when resizing. Thanks, Ana for the tip!

Figma

64,531 Aufrufe • vor 3 Jahren

Here’s your reminder to use Broadcast camera in MLB The Show 25
0:59

Here’s your reminder to use Broadcast camera in MLB The Show 25

Mike Dro

1,244,421 Aufrufe • vor 1 Jahr

Imagine the audacity to go flex in another country when your country is literally in gutter 🤯
0:21

Imagine the audacity to go flex in another country when your country is literally in gutter 🤯

Alier Ngeth Jr 🇸🇸

99,537 Aufrufe • vor 9 Monaten

Your clones mimic your every move, when you run or jump, so do they. Use the level layout to manipulate your copy cats to solve puzzles and help the main cat reach the goal portal! Wishlist Copy Cats on Steam! #screenshotsaturday #gamedev #pixelart
0:31

Your clones mimic your every move, when you run or jump, so do they. Use the level layout to manipulate your copy cats to solve puzzles and help the main cat reach the goal portal! Wishlist Copy Cats on Steam! #screenshotsaturday #gamedev #pixelart

Advent

124,992 Aufrufe • vor 3 Monaten

Coaches when the local beat reporter tells them they should use more Shifts & Motions
0:22

Coaches when the local beat reporter tells them they should use more Shifts & Motions

Coach Dan Casey

102,878 Aufrufe • vor 4 Monaten

Coaches when the local beat reporter tells them they should use more Shifts & Motions
0:22

Coaches when the local beat reporter tells them they should use more Shifts & Motions

Coach Dan Casey

387,362 Aufrufe • vor 10 Monaten

Use this as your daily reminder to hit the wall 😅🥍 Ryan Drenner™
0:27

Use this as your daily reminder to hit the wall 😅🥍 Ryan Drenner™

Premier Lacrosse League

10,801 Aufrufe • vor 2 Jahren

Your daily reminder that if Kamala wins she will use the DOJ to shut down X and go after anyone who posted content she doesn’t like.
0:23

Your daily reminder that if Kamala wins she will use the DOJ to shut down X and go after anyone who posted content she doesn’t like.

Libs of TikTok

1,898,414 Aufrufe • vor 1 Jahr

MEXICO IS A REALITY CHECK 🚨 When chaos hits, your “assets” get tested for real. Property becomes illiquid. Gold becomes risky to carry. Banks become numbers on a screen. Cash loses meaning when safety disappears. The question is simple… If tomorrow your country faces a crisis or a war escalates globally… what happens to your savings? Real wealth isn’t what looks good in stable times. It’s what survives unstable times. #mexico #mexicocrisis #mexicochaos #mexiconews
2:33

MEXICO IS A REALITY CHECK 🚨 When chaos hits, your “assets” get tested for real. Property becomes illiquid. Gold becomes risky to carry. Banks become numbers on a screen. Cash loses meaning when safety disappears. The question is simple… If tomorrow your country faces a crisis or a war escalates globally… what happens to your savings? Real wealth isn’t what looks good in stable times. It’s what survives unstable times. #mexico #mexicocrisis #mexicochaos #mexiconews

CryptoWala

12,066 Aufrufe • vor 6 Monaten

Your clone mimics your every move, use the level layout to tactically manage your copies to solve puzzles and help the main cat reach the goal portal! Wishlist Copy Cats on Steam! #ScreenshotSaturday #Gamedev #Pixelart
0:29

Your clone mimics your every move, use the level layout to tactically manage your copies to solve puzzles and help the main cat reach the goal portal! Wishlist Copy Cats on Steam! #ScreenshotSaturday #Gamedev #Pixelart

Advent

15,819 Aufrufe • vor 3 Monaten

reminder that if you don't have photoshop, you can use photopea (it's free!! :D) to edit your (psd) stream schedule! ദ്ദി(˵ •̀ ᴗ - ˵ ) ✧
0:44

reminder that if you don't have photoshop, you can use photopea (it's free!! :D) to edit your (psd) stream schedule! ദ്ദി(˵ •̀ ᴗ - ˵ ) ✧

𝐑𝐀𝐃𝐈𝐒𝐇 ✧ atorie solace

33,870 Aufrufe • vor 1 Jahr