#usercss — Public Fediverse posts

Today's edition of make-the-web-work-for-me includes some #UserCSS to give me visual indicators overlayed on my youtube thumbnails.

Started at 100% being a YT-red color checkmark-- then added > 90% being an orange color. The overlay hides on thumb hover.

Also some JS to dynamically replace the thumbs and text with lorem-- for screenshotting purposes.

#UserStyles #CustomizeTheWeb

Today's edition of make-the-web-work-for-me includes some #UserCSS to give me visual indicators overlayed on my youtube thumbnails.

Started at 100% being a YT-red color checkmark-- then added > 90% being an orange color. The overlay hides on thumb hover.

Also some JS to dynamically replace the thumbs and text with lorem-- for screenshotting purposes.

#UserStyles #CustomizeTheWeb

Today's edition of make-the-web-work-for-me includes some #UserCSS to give me visual indicators overlayed on my youtube thumbnails.

Started at 100% being a YT-red color checkmark-- then added > 90% being an orange color. The overlay hides on thumb hover.

Also some JS to dynamically replace the thumbs and text with lorem-- for screenshotting purposes.

#UserStyles #CustomizeTheWeb

Today's edition of make-the-web-work-for-me includes some #UserCSS to give me visual indicators overlayed on my youtube thumbnails.

Started at 100% being a YT-red color checkmark-- then added > 90% being an orange color. The overlay hides on thumb hover.

Also some JS to dynamically replace the thumbs and text with lorem-- for screenshotting purposes.

#UserStyles #CustomizeTheWeb

Today's edition of make-the-web-work-for-me includes some #UserCSS to give me visual indicators overlayed on my youtube thumbnails.

Started at 100% being a YT-red color checkmark-- then added > 90% being an orange color. The overlay hides on thumb hover.

Also some JS to dynamically replace the thumbs and text with lorem-- for screenshotting purposes.

#UserStyles #CustomizeTheWeb

Will just quickly repost some links to stuff I've made :blobfoxfloofhappy:

#OneBar: A Firefox style that combines the tabs & toolbar into one bar.
https://git.gay/freeplay/Firefox-Onebar

#MastoModern: Improves the look & feel of Mastodon.
https://git.gay/freeplay/Mastodon-Modern

Bootleg cat/fox ears for Mastodon:
https://userstyles.world/style/15031

Threads for Mastodon Pinafore: (Still need to fix for Enafore)
https://userstyles.world/style/11741

TutanotaModern: More minimal, neater, and makes drastically better use of space than Tutanota's current design.
https://userstyles.world/style/2325/

#UserStyle #UserCSS #CSS #Firefox #Tutanota #Threads

Will just quickly repost some links to stuff I've made :blobfoxfloofhappy:

#OneBar: A Firefox style that combines the tabs & toolbar into one bar.
https://git.gay/freeplay/Firefox-Onebar

#MastoModern: Improves the look & feel of Mastodon.
https://git.gay/freeplay/Mastodon-Modern

Bootleg cat/fox ears for Mastodon:
https://userstyles.world/style/15031

Threads for Mastodon Pinafore: (Still need to fix for Enafore)
https://userstyles.world/style/11741

TutanotaModern: More minimal, neater, and makes drastically better use of space than Tutanota's current design.
https://userstyles.world/style/2325/

#UserStyle #UserCSS #CSS #Firefox #Tutanota #Threads

Will just quickly repost some links to stuff I've made :blobfoxfloofhappy:

#OneBar: A Firefox style that combines the tabs & toolbar into one bar.
https://git.gay/freeplay/Firefox-Onebar

#MastoModern: Improves the look & feel of Mastodon.
https://git.gay/freeplay/Mastodon-Modern

Bootleg cat/fox ears for Mastodon:
https://userstyles.world/style/15031

Threads for Mastodon Pinafore: (Still need to fix for Enafore)
https://userstyles.world/style/11741

TutanotaModern: More minimal, neater, and makes drastically better use of space than Tutanota's current design.
https://userstyles.world/style/2325/

#UserStyle #UserCSS #CSS #Firefox #Tutanota #Threads

Will just quickly repost some links to stuff I've made :blobfoxfloofhappy:

#OneBar: A Firefox style that combines the tabs & toolbar into one bar.
https://git.gay/freeplay/Firefox-Onebar

#MastoModern: Improves the look & feel of Mastodon.
https://git.gay/freeplay/Mastodon-Modern

Bootleg cat/fox ears for Mastodon:
https://userstyles.world/style/15031

Threads for Mastodon Pinafore: (Still need to fix for Enafore)
https://userstyles.world/style/11741

TutanotaModern: More minimal, neater, and makes drastically better use of space than Tutanota's current design.
https://userstyles.world/style/2325/

#UserStyle #UserCSS #CSS #Firefox #Tutanota #Threads

Will just quickly repost some links to stuff I've made :blobfoxfloofhappy:

#OneBar: A Firefox style that combines the tabs & toolbar into one bar.
https://git.gay/freeplay/Firefox-Onebar

#MastoModern: Improves the look & feel of Mastodon.
https://git.gay/freeplay/Mastodon-Modern

Bootleg cat/fox ears for Mastodon:
https://userstyles.world/style/15031

Threads for Mastodon Pinafore: (Still need to fix for Enafore)
https://userstyles.world/style/11741

TutanotaModern: More minimal, neater, and makes drastically better use of space than Tutanota's current design.
https://userstyles.world/style/2325/

#UserStyle #UserCSS #CSS #Firefox #Tutanota #Threads

ぎゃー！そして Web パネルにも #Stylus みたいな #UserCSS が効くようになってる！！ :tony_wee:

#Vivaldi

My compulsive need to customize websites in action; StackOverflow edition ✨

(I use uBlock Origin and "User Javascript and Css" extensions)

#Web #StackOverflow #css #extensions #ublock #userCss #browser

I decided to mod the Mastodon emoji picker with a #UserCSS, and it is pretty darn inefficient. But so is it cool!

(And by the way all of these animations are technically JS-free. Take that, big tech!)

Distinguishing original posts and boosts with an indicator line.
(Red for original posts, blue for boosts.)

User CSS for the dark theme → https://pastebin.com/RMjQJwVT

#mastodon #mastodonTweak #css #usercss #userstyle

Last boost is an awesome tool! In my case I don't need to resize on-the-fly so I prefer some lightweight CSS to make minor adjustments and fill the page.

#Mastoflex is a tiny #UserCSS for #Stylus, and it's easy to adapt for your own preferences: https://github.com/imathew/usercss

@schratze @freeplay Guess what I made!

The default is the new color, the old one is \#2b90d9

I will be using \#056c6f I think.

Anyway, it's available here: https://userstyles.world/style/4743/spacious-mastodon

#userstyle #mastodon #userCSS #CSS