Pinboard redesign experiment
Mar 13, 2011 (343 days ago)
A Pinboard redesign built off of the styles started by Josh Pigford, I’m providing a bare stylesheet which works with StyleBot on Chrome and User CSS on Safari. The Chrome version can be installed straight from Stylebot.me. Stylebot.me also has a userscript version which could be used with Greasemonkey, but my styles don’t seem to translate well to Firefox, yet. I’ll work on that when I have time.
Here’s the raw stylesheet if you want to grab it and use it in User CSS or somewhere else: pinboard.css. I’m not going to tell you it’s bulletproof, but feel free to send in obvious bugs. Also feel free to pick it up and run with it, just link the “credit chain” back and make sure to show us what you did!
Love your profile picture. Too funny!
[…] this one under “because you can.” Brett has created a custom style sheet for my favorite bookmark bank, Pinboard. I used the ‘User CSS’ Safari extension he mentions. […]
This is really nice. So far, the only thing I would add is the ability to differieniate between ‘read’ and ‘unread’ items in Pinboard. I use that feature a lot to ‘read’ later items that are not Instapaper-type reading, but more, “I should download this thing and try it out, etc.” For example, your scripts and snippets fall into this category. Thanks for providing this — if I happen to add in CSS selectors for read/unread I’ll pass it upstream to you.
The difference is there, it’s just subtle. On my screen it’s enough to tell at a scan, but you might want to track down that selector and add some more contrast…
Oh, you are right. I see it now; it is very subtle. I guess I’m used to the differing contrast of the orange from the default style. Honestly, I usually just click the ‘unread’ link at the top of the page to group them all together for a quick go-through, anyway.