My personal redesign of nola.com

If you’re within digital earshot of me, you’ve probably heard about the corporate owners of New Orleans’ daily paper, the Times-Picayune, scaling back to only publishing 3 days a week and focusing on their online presence, nola.com. Without being unnecessarily rude, this is one of my least favorite sites that I spend any measurable amount of time on. Whereas in many cases I can avoid the worst-designed examples in any category, if I want news about New Orleans, I have a limited number of options. That’s why I was so glad to find the User CSS Safari Extension (similar plugins are available for other browsers). It lets you add your own stylesheets that can be applied to specific sites, meaning that I can turn the homepage of nola.com into something I don’t mind looking at. I started by removing everything on the page about which I did not give a damn:

I don’t run Ad Block or similar plugins, because I generally don’t mind web advertising and I understand people have got to pay the bills somehow. But nola.com has lost its license to advertise to me.

I think my favorite part of the redesign is eliminating the cheesy and pointless nola.com branding and focusing on the traditional, infinitely more elegant Times-Picayune nameplate (which, to Advance’s credit, they at least re-introduced in the new design). It may not be around much longer in print, but it will live on in my browser.

It’s still a work in progress, but already I’m able to enjoy reading the news in a way I haven’t in a long time. It’s not a solution for the technically non-inclined, but it’s definitely the solution for me.

UPDATE:A few folks mentioned they’d be interested in doing the same, since Advance’s other web properties like al.com and mlive.com have recently been beaten with the same ugly stick (and no doubt others like oregonlive.com and nj.com have it coming soon). This is extremely messy, even by my standards, but it’s a good place to start. If you improve upon this, I’d love to see what you make with it. Grab the CSS on Pastebin.


3 thoughts on “My personal redesign of nola.com

  1. For anyone curious the main equivalent on both Chrome and Firefox is called Stylish. Been using and loving it for years. It’s actually a spiritual cousin to Greasemonkey, but for CSS instead of JS, and they use http://userstyles.org as a repo of styles for different sites.

    You might want to post your styles there, it works pretty well to make it easy for non-dev users to install your customizations and have them work for certain URLs.

    Either way great post! I largely use stylish to make #fff into #eee for readability, but there are infinite uses for sites you visit a lot, anyone who knows CSS needs to install a plugin like this.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s