Just today I got myself a brand new computer monitor. I'm rolling on dubs with 22 inches of wide screen goodness. Since this is my first foray into aspect ratios wider than 4:3 (namely 16:10), I have to get used to efficiently using the extra width. Since the only use for computers is the interwebs, my web browser is the #1 item that needs to be size managed. If you're old enough, you remember when websites were made to fit onto 640x480 screens. Nowadays the standard seems to be 800x600 for sites that are frequented by noobs, or 1024x768 for sites that may have a more sophisticated clientèle. I needed a way to get my browser to snap to that size. Height and width can be your preference, for my monitor, I chose 1024x1000 which snaps to the width and fills most of my screen vertically.

Now onto how I did it and how you can too...

1. Get to the "New Bookmark" window. You can do this by right clicking your Bookmarks Toolbar or right click the bookmarks area in your Bookmarks menu bar.
2. You should now see the window picture on the right. In the name section, add something to describe what the button does. Mine is just named resize, but since you can set multiple bookmarks to multiple sizes, you may want to mention what size this button accomplishes in that field.
3. In Location you need to type in javascript:resizeTo(1024,1000); You can replace 1024 with and width that you'd like and do the same for 1000 which would be the height.
4. Keyword is the neat field! You can basically create a keyboard shortcut for these. The simple way is to just use something like "r" like I did. All you have to do is type r into the address bar and hit Go and you'll have a resized window.
5. Add an optional description and you're set! You can follow step 6 for an advanced function that uses the keyword field.
6. Optional: Instead of placing one or both sizes in the Location field you can use strings. If you're going to keep your browser the same height all the time, you can replace the width with %s (javascript:resizeTo(%s,1000);). This will make the toolbar button non-functional, so you should best bury it in a folder in the bookmarks menu. When you want to resize a window, simply go to the address bar and type in your keyword (in my case, r) then type in your width. If I wanted a 1280 pixel wide page, I'd type in r 1280 and poof! You can do the same thing by replacing the width, the comma, and the height with %s (javascript:resizeTo(%s);) and then simply type in the entire size into your keyword. r 800,600 will get you a tiny 800 by 600 window.

A single tool bar button is good for anyone who is looking to occasionally adjust the size of your windows but go back to a set size. The string functions, or making multiple buttons with different sizes, would be good for your average web developer looking to size test new page layouts. Enjoy!