#Development #Techniques
Full-width containers in CSS · Ways to expand a box to the entire screen width https://ilo.im/163paj

_____
#Layout #ViewPort #Screen #Scrollbar #Browser #WebDev #Frontend #CSS #TailwindCSS #JavaScript

#Design #Guidelines
Changing scrollbar colors · What to consider when coloring modern scrollbars https://ilo.im/163j2m

_____
#Color #Contrast #Scrollbar #Browser #Accessibility #WebDesign #Development #WebDev #Frontend #CSS

What's with browser updates these days making the #scrollbar hard to grab?

Here's a suggestion: #VSCode shows the current open document in micro on the right edge. It's at least 5-6 times as wide as a conventional scroll bar and you can see where that one part of the document you need is.

Some browser should do this. (Hint hint, @mozilla. #firefox)

Some tweaks for #Firefox on a Linux tablet.

1. in General preferences under Browsing, tick "Always show scrollbar" to end the game of peek-a-boo.
2. In about:config, search for scrollbar.size and set it to some number between 20 and 60 (to taste)

Now you have a #scrollbar you can get a digit on!

Linux desktop environments suck. Reject modernity. Embrace tradition. Give me scrollbars.

New blog post: Bringing back the scrollbars

How to bring back the scrollbars on Firefox.

https://sergiswriting.com/bring-back-scrollbars/

@petitcoeur @evgandr

#Windows 95 was peak #ScrollBar. Change my mind.

The person who invented the magically disappearing #scrollbar deserves to suffer from a terrible itch in a place they cannot reach.

#Development #Introductions
CSS ‘scrollbar-width’ and ‘scrollbar-gutter’ · New features to refine scrollable user interfaces https://ilo.im/161h6m

_____
#ModernCSS #Layout #Scrollbar #Scrolling #Browser #WebDev #Frontend #CSS

scrollbar-width & scrollbar-gutter: CSS Properties for Layout Control
by Trevor I. Lasn @trevorlasn.bsky.social @lasnindrek
Prevent content shifts and refine scrollable UIs with scrollbar-width and scrollbar-gutter
#webdev #scrollbar #ContentShift

https://www.trevorlasn.com/blog/css-scrollbar-width-and-scrollbar-gutter

Scrollbars too tiny are evil, scrollbars that auto-hides are the absolute evil.

Do you agree?

CSS Tip: Easily Deal With Layout Shifts Caused by Scrollbars

by @zoranjambor at @cssweekly.com

#css #scrollbar #scrollbarGutter #LayoutShifts #webdev

https://www.youtube.com/watch?v=jebfwWjpDSo

Dis Masto, tu sais grossir l'épaisseur de l'ascenseur horizontal de #Firefox ?

Sur Ubuntu, le dock s'ouvre très facilement et il est difficile de se déplacer horizontalement car on a du mal à attraper l'ascenseur.

Adding scrollbar to your TUI application is really easy with Ratatui!

Scrollbar widget: https://docs.rs/ratatui/latest/ratatui/widgets/scrollbar/struct.Scrollbar.html

Example Rust code: https://github.com/ratatui-org/ratatui/blob/main/examples/scrollbar.rs

Did you one morning wake up only to discover your #Slack's web interface now displays ugly browser-default scrollbars even when they're not needed, such as in your lovingly maintained sidebar? If you're using #uBlock or #uBlockOrigin, here's a custom filter you could enable:

! Fix Slack's custom-styled scrollbar
slack.com##body .c-scrollbar__hider:style(scrollbar-width: none !important;)

And if you're wondering how to use a more legible font, you could add this:

! Fix Slack's font
slack.com##body *:style(font-family:"Arial";font-smooth:auto !important;)

Obviously, you can use any font that you'd like and style it further, or you could style any other elements on the page but that's the way to do it and it % works. No need to install additional browser plugins to force custom styles when the one you already use can do that for you, too.

How to fix the invisible scrollbar issue in iOS browsers
by Šime Vidas @simevidas @simevidas
at @FrontendMasters
#Scrollbar #iOS #webdev

https://frontendmasters.com/blog/how-to-fix-the-invisible-scrollbar-issue-in-ios/

I wish @siracusa used a MacBook Pro or trackpad more regularly — rather than a Microsoft Precision Mouse — because I’d ask if the trackpad reacts to Wristies in weird ways. Like activating the scroll bar to scroll up/down repeatedly.

I'm out of the loop. Why is everyone pretending we don't have scroll bars anymore?

In settings
Always show scrollbars

In about:config
widget.non-native-theme.scrollbar.size.override 25