Lmst

#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!

Step 1 screenshot indicating the checkbox in question.

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

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

A screenshot of a tiling window manager for Linux. This is the sway tiling manager. It is running with three open applications: 1) a Terminal showing the alpine text email client; in the top left; 2) the Notepad++ text editor, a Windows application, in the bottom left; and 3) the foobar2000 application running on the right half of the screen. The foobar2000 application is playing Megadeth's Warchest album.

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

@petitcoeur @evgandr

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

#retrocomputing

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

White text on red pink background:
scrollbar-width & scrollbar-gutter: CSS Properties for Layout Control

Wie kann ich den Scrollbar auf meiner Webseite designen?

https://video.maechler.cloud/videos/watch/58b54b59-9315-4cd6-95fb-f015b6f53df0

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

Do you agree?

#GUI #UI #UserInterface #Scrollbar

🔵 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

Zoran Jambor smiling on blue background with icons of websites with and without scrollbar, pointing arrow from the one with scrollbar to the one without

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

A before and after comparison of enabling custom filter in uBlock or uBlock Origin to fix Slack's borked-up scrollbar styling.

🔵 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/

Dark blue text on cyan blue background:
How to fix the invisible scrollbar issue in iOS browsers

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

#scrollbar

Client Info