#scrollbar — Public Fediverse posts

RE: https://fedia.social/notes/alt9hb6glzo5tz62

Goddamn I guess It was possible in this economy
Thanks @konform you are cool asf
Release Notes: https://techhub.social/@konform/116535816224265319

#firefox #konform #librewolf #privacy #FOSS #scrollbar #uiux

Nearly a year later, I find myself going back to this post and adding its settings to get a sane #scrollbar on #Firefox.

It's annoying that despite Mozilla dropping Motif for GTK+ in their browser back when they open-sourced their browser, they still didn't consider maybe using the native UI widgets that GTK+ provided?

My chosen GTK+ emulates a nice retro OS/2 theme, which is actually rather quite usable on a #tablet #touchscreen. It's not the classical Motif UI of historical Unix, but it's usable. Another good choice would be the classic MacOS UI… or maybe 90s era Windows. Make those a little beefier on a touchscreen and you'd have quite a usable UI for both desktops and touchscreens.

But… Firefox and Chromium UI devs know better apparently.

https://hachyderm.io/@dalias/114773215748553833

#rant #UI #UX #GTK

Nearly a year later, I find myself going back to this post and adding its settings to get a sane #scrollbar on #Firefox.

It's annoying that despite Mozilla dropping Motif for GTK+ in their browser back when they open-sourced their browser, they still didn't consider maybe using the native UI widgets that GTK+ provided?

My chosen GTK+ emulates a nice retro OS/2 theme, which is actually rather quite usable on a #tablet #touchscreen. It's not the classical Motif UI of historical Unix, but it's usable. Another good choice would be the classic MacOS UI… or maybe 90s era Windows. Make those a little beefier on a touchscreen and you'd have quite a usable UI for both desktops and touchscreens.

But… Firefox and Chromium UI devs know better apparently.

https://hachyderm.io/@dalias/114773215748553833

#rant #UI #UX #GTK

Did Google just invented... lagging scrollbar?

#Google #AIStudio #Scrollbar #Animation #Latency

Did Google just invented... lagging scrollbar?

#Google #AIStudio #Scrollbar #Animation #Latency

#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

#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

#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

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!

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.

#linux #sway #swaywm #archlinux #wine #windows #scrollbar #metal #megadeth #notepadplusplus #screenshot #screenshotsaturday

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

#linux #sway #swaywm #archlinux #wine #windows #scrollbar #metal #megadeth #notepadplusplus #screenshot #screenshotsaturday

New blog post: Bringing back the scrollbars

How to bring back the scrollbars on Firefox.

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

#Firefox #webDev #accessibility #scrollbar

New blog post: Bringing back the scrollbars

How to bring back the scrollbars on Firefox.

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

#Firefox #webDev #accessibility #scrollbar

#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

#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

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

Do you agree?

#GUI #UI #UserInterface #Scrollbar

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

Do you agree?

#GUI #UI #UserInterface #Scrollbar

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.

#scrollbar #MastoHelp

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

#rustlang #ratatui #tui #scrollbar #terminal #tips

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.

#hacks #ui #gui #ux #css #scrollbar #font #legibility #browser #plugin

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.

#Wristies #MacBookPro #MagicTrackpad #trackpad #scrollbar #maybeitsjustme

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

#UX #UI #Web #ScrollBar #dev

In settings
✔️ Always show scrollbars

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

#firefox #scrollbar

Given how we f'cked up our children's future
I start to admit it's maybe just fair
they destroyed our scrollbars.

#climatedisaster #scrollbar #meme

@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.

#UX #Alemba #scrollbar #iOS

i will dev an app with a super long #scrollbar and play a music everytime someone use it.
I would call it a scrollbard

@Heliograph

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!

#Woolworths #Fail #UserInterface #ScrollBar

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/

Neglecting the scrollbar: a costly trend in UI design - blakewatson.com

https://blakewatson.com/journal/neglecting-the-scrollbar-a-costly-trend-in-ui-design/

In which I extol the benefits of this humble UI control and lament its slow demise.

#scrollbar #UX

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.

#scrollbar #MastoHelp

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

#rustlang #ratatui #tui #scrollbar #terminal #tips

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.

#hacks #ui #gui #ux #css #scrollbar #font #legibility #browser #plugin

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.

#Wristies #MacBookPro #MagicTrackpad #trackpad #scrollbar #maybeitsjustme

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

#UX #UI #Web #ScrollBar #dev

In settings
✔️ Always show scrollbars

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

#firefox #scrollbar

Given how we f'cked up our children's future
I start to admit it's maybe just fair
they destroyed our scrollbars.

#climatedisaster #scrollbar #meme

i will dev an app with a super long #scrollbar and play a music everytime someone use it.
I would call it a scrollbard

@Heliograph

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!

#Woolworths #Fail #UserInterface #ScrollBar

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.

#Wristies #MacBookPro #MagicTrackpad #trackpad #scrollbar #maybeitsjustme

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.

#Wristies #MacBookPro #MagicTrackpad #trackpad #scrollbar #maybeitsjustme

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.

#Wristies #MacBookPro #MagicTrackpad #trackpad #scrollbar #maybeitsjustme