I'm a big fan of grid-based layouts, particularly using CSS frameworks like YUI. For all their apparent conflict with the ideals of semantic markup, these frameworks save a ton of time.

My current favourite is Blueprint CSS, which I used for the recent redesign of our celebrity charity news site, and I found a neat way to toggle the positioning grid on and off with a bookmarklet instead of by changing the site's HTML templates.

Want to mark external links on your website with a little icon or a different colour? Well, you'll want to give all those <a> tags a CSS class, and style them up accordingly. In this article I present an easy way to do this without directly altering all the links in your application, exactly as I implemented it on this popular celebrity charity news site.