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:
/* height: 14px;
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.