The nice thing with user scripts is that you can insert your own code inte to the live site as you are using it. In my script I add a new CSS file (that are on my site). From the CSS file I can add a new design and layout of the Nordea site. As you can add stuff to the code I also added some HTML to the frontpage just to try it out. The welcome text is inserted by the userscript.

Userscripts are just normal javascript so if you are a javascript hacker this will be easy stuff for you. As this is my first shot don’t shot me. I’ve added some resources below if you find this interesting.

To use userscript you need

1. Download Firefox if you don’t already have it.

2. Install Greasemonkey plugin

3. Install my userscript

4. Visit nordea.se

So what do my userscript do with the Nordea site?

1. User a grid width of 960px instead of 740px

2. Use Helvetica (you need this installed on your computer)

3. Removes much of the visual clutter (head, navigation, search, related content, banners etc)

4. Maximize the width of the content.

5. Moves all your money to my account I wish, this script only works for the open public pages, not the eBanking service. Check the code if you don’t trust me.

Example of before and after

Resources about Greasemonkey / userscripts

1. http://helvetireader.com/

2. Greasemonkey tutorial

3. Userscripts.org