The person who invented the magically disappearing #scrollbar deserves to suffer from a terrible itch in a place they cannot reach.
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
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
Given how we f'cked up our children's future
I start to admit it's maybe just fair
they destroyed our scrollbars.
@wervice this doesn't really fit with your four hashtags, but here goes …
A few days ago I began using a web app that works well, in a desktop environment, if stretched wide across two HD displays. The stretch must be careful, for the black borders of the two displays to not fall in the middle of a column.
The app is more difficult to use on a smaller display, in the same desktop environment, because the developers chose to use a ridiculously shallow horizontal scroll bar. I might attempt to fix this, for myself, with CSS, however I'm not a developer (I really don't know what I'm doing with CSS). Moreover, I shouldn't be forced to hack something as basic, as essential, as a scroll bar. It's excruciatingly poor UX.
The same web app is, in some ways, much easier to use (in Firefox) on a small Apple iPad, because I can use my finger to swipe horizontally.
Scrollbars are becoming a problem
by artemis.sh
#scrollbar #accessibility #webdev #browser #software
Oh wait this is fascinating #ScrollBar appears on my main phone but not the one running #Beta how intriguing.
Hmm, just noticed that in #iOS17 there's no #ScrollBar when in settings, notifications. How very inconvenient and inconsistent.
i will dev an app with a super long #scrollbar and play a music everytime someone use it.
I would call it a scrollbard
Any user interface designers out there know what numsaber of items in a list should trigger a scrollbar?
Even 60 seems like too many to look through without knowing where you are in the list, let alone the thousands!
Read this please if you are implementing (or planning to do) custom scrollbars.
#css #scrollbar #design #development #accessibility https://ericwbailey.website/published/dont-use-custom-css-scrollbars/