Give your Favorite Web Applications a Face-Lift
April 27th, 2007 (12:00pm) Judi Sohn 12 CommentsTweet This
Sites like Gmail, Google Reader and del.icio.us are essential, functional and extensible. We live in them. But aesthetically, they don’t win raves out of the box. Thank goodness a web application’s look & feel is only skin deep. With a few add-ons and tweaks, it’s easy to completely change the browsing experience for popular, yet not-so-easy-on-the-eye sites.
You use Firefox, Safari or Camino as your default browser, right? Of course you do. So read on.
From this:
to this:
How? Start with Greasemonkey, the fantastic add-on that lets you inject JavaScript code to manipulate the functionality of a site. Then add Lifehacker’s Better Gmail (current version 0.5). It’s a single add-on that gives you all sorts of options for fixing and tweaking Gmail, including changing the look & feel. Turn features on and off in a one-stop-shopping menu. No touching messy code required.
From this:
to this:
How? Start with Stylish, a Firefox add-on which lets you change the style sheet for any site. Greasemonkey manipulates the functionality of the site through JavaScript. Stylish is purely for appearances. Then add Jon Hicks’ beautifully designed Google Reader style sheet. Hicks gave similar TLC to Bloglines a while back. His style sheets also work in Camino and Safari (see his post for instructions).
From this:
to this:
How? Start here to download what you need to change the del.icio.us style sheet. Add site thumbnails to your own del.icio.us bookmarks page with the BetterSearch add-on. In addition to del.icio.us, the thumbnails also work in other search engines, including Google.
Don’t like these looks? Browse for other styles or scripts and let us know your favorites.
Web Work 101: How To Escape The Cubicle
Could you make those screenshots a little smaller? ;)
Thanks for the article, but it would be really helpful if these thumbnails could be enlarged.
Wow, those screenshots are sexy! I’m gonna have to track this blog now. :)
http://www.versatile1.wordpress.com
as far as del.icio.us prettyfying, i’ve used http://johnvey.com/features/deliciousdirector/ and it makes it not only pretty, but mure useful.
and since i’m not on a mac, there’s no way i’m using hick’s “design” (if you can call ripping an OS design)
Okay, okay…point taken. :-) I’ve replaced the screen shots with (hopefully) better ones.
Good Tutorial…!
Thanks for the article, thanks for your post :)
Best Regards…
ngadutrafik
I actually like Gmail/Google Reader in the original, ugly mode.