Recently the snippet of code that has been making it much more comfortable to read many sites has been the one below:

```css
element {
max-width: 80ch;
margin-left: auto;
margin-right: auto;
}
```

Works well especially for old documentation (docbook) websites (like this one: https://www.gnupg.org/gph/en/manual.html).

Before and after in the screenshots.

#UserStyle #UserStyles

Are you really browsing the #Web, or is the Web browsing you?

On my #blog, you're the one in control. Death of the author! User before the designer, #Userstyles before the default #style !

I invite you to the opening of the new, dark section of my web page.

https://dorotac.eu/posts/styles/

#css

Mise à jour de ce tout petit #userScript à utiliser avec les extensions de navigateur #GreaseMonkey #ViolentMonkey ou autre et qui permet de retirer le CSS (thème) custom que certaines instances utilisent pour personnaliser l'interface de #mastodon

https://dev.clov.fr/clov/UserScripts/src/branch/monster/Mastodon/remove%20custom%20css.js

Ce script est utile pour ceux qui utilisent des #userStyles sur leur navigateur et dont les règles peuvent se télescoper avec ces fameux thèmes custom.

made an artfight userstyle lol. didn't change a whole lot, but everything is customizable or labelled so if you want a different font, color scheme, or don't like my layout changes you can change them.

https://userstyles.world/style/10617/artfight

#artfight #userstyle #userstyles #css

#Mastodon #userstyles
- #web #variable #column #width #fHD
https://userstyles.org/styles/256290/mastodon-web-variable-column-width

I hacked my browser so now every website I go to has the same font: system-ui

It's so great. Really calming.

You can do it too: https://userstyles.world/style/10368/remove-all-fonts-everywhere

#hax #userstyles #css

If you further want to customise your Mastodon interface - take a look at my two other #userstyles :

Quickly check if media has a description: https://userstyles.world/style/9528/mastodon-media-description-checker

And change your Toot button into something special on hover: https://userstyles.world/style/9579/special-toot-button

@stux

my masto userstyle isnt quite finished... theres some weird outliers that need styling. but i got a good chunk of it done x_x head hurts now tho

#userstyle #userstyles #stylus

I'll be attending #PowerBISummit this week. If you'll be there too, hit me up!

On a related note:
I just wrote a little #UserStyles #CSS snippet to enhance the Power BI Summit website. It dynamically resizes the embedded video player and chat dialog to fit the modal window containing them.

So, if you want to interact with other attendees in the chat AND actually be able to see what's going on in the video at the same time, add this snippet into your favorite UserStyles browser extension and enjoy!
https://gist.github.com/JamesDBartlett3/03bedfcdcc28adadf06050c97e008a78

#PowerBISummit2023 #PowerBI #MicrosoftPowerBI #PowerPlatform #MicrosoftPowerPlatform

"Readable Dark Wallabag":
https://userstyles.world/style/8721/readable-dark-wallabag
Improvement on the dark theme of https://wallabag.it, using serif font, justified text, less contrast and better spacing, using the Stylus browser extension https://add0n.com/stylus.html
#stylus #wallabag #userstyles

Dred's HN CSS Madhackery: Dark Mode

Based on the parent toot, this is a hand-tweaked dark-mode Hacker News CSS.

https://pastebin.com/HmHBWwjE

#CSS #Stylus #Userstyles #Hackernews #HN #WebDesignIsTheProblem #WebDesign #Pastebin

Dred's HN CSS Madhackery

https://pastebin.com/gLXiqKyd

There are a number of annoyances / tweaks I fix about the Hacker News website design, whilst retaining its overall flavour. Key are swapping the darker main background / lighter margin default, setting the base font size to the user's default preference, and other miscellaneous tweaks mostly around spacing and colours / highlighting.

I've been using this for a few weeks now and the code has stabilised.

This updates my earlier mods in parent toot.

Again, you'll want to install Stylus, a CSS management browser extension, see https://userstyles.org/.

#CSS #Stylus #Userstyles #Hackernews #HN #WebDesignIsTheProblem #WebDesign #Pastebin

Found some playful little UserStyle for Mastodon, that changes the "Publish"-Button to 🐘💨 ... https://userstyles.world/style/7330

Using it with the Stylus Firefox Extension (available for Chrome too)

#UserStyles #Stylus #MastodonUI

Tending to practical software is akin to gardening, both leisurely and rigorous; casual and necessary. Some holiday updates in my collection of user styles → https://github.com/Arty2/userstyles #Firefox #UserStyles #Stylus

Trying out some adjustments to the #Mastodon desktop web UI for a more legible experience.

I applied some custom #userStyles to remove avatars and images from the feed view.

https://gist.github.com/tenorune/279366c8c833690f8d1d9ac88bd855a1

Then I applied some styles prepared by @borisanthony (with some slight adjustments):

https://gist.github.com/BorisAnthony/d5bb60f8c882093b504f678218becd08

If you want to give it a try, I recommend the Stylebot extension for Chrome:

https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

Six weeks after joining Mastodon, I get one dominant impression compared to the birdsite.

The algorithm _flattens_.

To gain "popularity" in the birdsite a content creator must create a "brand": they must flatten themselves to the thinnest consumable unit.

The algorithm does not reward multiple facets, it's confused by them.

Which is probably why twitters often resort to rage-farming: rage-farming may be the thinnest consumable unit of content.

#MastodonMigration #JohnMastodon #UserStyles

Six weeks after joining Mastodon, I get one dominant impression compared to the birdsite.

The algorithm _flattens_.

To gain "popularity" in the birdsite a content creator must create a "brand": they must flatten themselves to the thinnest consumable unit.

The algorithm does not reward multiple facets, it's confused by them.

Which is probably why twitters often resort to rage-farming: rage-farming may be the thinnest consumable unit of content.

#MastodonMigration #JohnMastodon #UserStyles

Dred's CSS mods for Hacker News:

https://news.ycombinator.com/item?id=34019213

Implemented using the Stylish CSS manager extension (Firefox, Chrome, Safari, ...):

https://userstyles.org/

(Yes, I restyle websites. Because Web design isn't the solution, Web design is the problem.)

#CSS #Stylish #Userstyles #HackerNews #WebDesignIsTheProblem #WebDesign

Mastodon web variable column width #userstyles #CSS
https://userstyles.org/styles/256290/mastodon-web-variable-column-width

Hey #mastodon!
I did some new tweaks, and I loved this section on advanced web interface.
Adding #neobrutalism #ui to #mastodon, and playing with #css.

I think that in the near future, I'm going to release it via #userstyles extension.