Stylus browser extension – custom style other websites

A fun way to use your CSS bias to make your everyday websites more useable.

This guide is for CSS-junkies only. I don’t think it’s necessary for the average person but allows you to creatively improve usability on other websites.

Even though I don’t personally use it much, I still it’s fun and opens up many possibilities I probably haven’t thought of yet.

How to use the Stylus extension:

• Install the extension on your browser (Chrome, Firefox).
• Then go to any page, click the Stylus icon and click to “write the style”.

It’s probably easiest if you watch my video.

Use examples for Stylus

I’m not a hardcore Stylus user by any means. But be creative and I’m sure you’ll come up with many ideas that could make browsing your everyday sites so much easier!

1. Text CSS for readability.

• Change font sizes.
• Change content widths.

2. Spacing and layout for skim-ability.

• Increase margin/padding spacing.
• Changing row item count.
• Color

3. Hide ads from sites, stores, search engines.

• Google search
• Forums
• Amazon
• Websites

4. Facebook masonry layout

• Check out Sridhar’s guide: Masonry layout for Facebook
• I use it myself and love it.