I’m a big fan of Netvibes. It’s a highly dynamic portal with all kinds of neat widgets. It’s my home page these days. One gripe I have with it though is the way headlines are cramped together. It’s hard to distinguish each headline, especially if the words wrap around:
Notice how the headlines look like one big paragraph even though they’re actually discrete bits of information. So I decided to whip out the beloved Firefox Web Developer Extension and mess with the CSS. After some digging around, I ended up with this:
All it took was the following bit of CSS tweaking:
.rssItemList li{
margin-bottom: 4px;
/* height: 14px;
overflow: hidden;*/
line-height: 1em;
padding: 1px 0 6px 12px;
border-bottom: 1px dotted #ccc;
}
I’ve rambled on in the past about the importance of space in laying out information. When you clump stuff together, the information sticks together, and our poor little brains are left with the task of pulling it apart again to make sense of it.
Long live CSS.
So are you automatically applying this CSS with Greasemonkey? Or some other plugin?
It’s temporary through the extension mentioned above. I actually emailed the change to the Netvibes team. :P
If you use Firefox then get tge Stylish extension and you can implement this now…
http://userstyles.org/stylish/
Thanks for the CSS, it’s much easier on the eye :)
Feedback Loop 2.0
You have got to love the twisted little feedback loop that is the Web these days. Last week, I whined like a child that Netvibes’ front-end was a bit too cramped. Yesterday, I posted about a neat little tool called…