You might need to resize your browser window for a number of different reasons.
Maybe you need to check to see what your web site looks like at a smaller resolution? Maybe you want to take a quick screenshot? Now, of course you can resize the browser by dragging the edges around till you get the perfect fit, but that is often tedious and if you are a perfectionist like myself, you have a hard time getting the browser back to the perfect shape and size it was before, until now.
How to Create the Resizing Bookmarklet
Thanks to a little JavaScript, and a very simple bookmarklet, you too can be saving multiple screen resolution sizes to change to at a moment’s notice, without the need of any extra Firefox extension.
Right-click on the bookmark toolbar in Firefox, and select “New Bookmark…”
Here is how you will need to fill out the variables on the New Bookmark dialog box:
- Name: Could be anything, I would put Resize – 1024 x 768
- Location: Here, you want to put javascript:window.resizeTo(1024,768)
- Tags: Nothing, keep this blank
- Keyword: Type in r1 (when you type r1 into the Firefox address bar, your browser will be resized)
- Description: Nothing, keep this blank too
Now, hit the button labeled, “Add” and you are all done. When you click that bookmark, your browser will be resized to 1024 pixels across 768 pixels up and down. You can now repeat the steps above to create multiple bookmarks for other sizes you might want to keep handy when working on your web site’s design. Just replace the 1024,768 in the Location text box on the New Bookmark dialog box with another size (for example, how about 800,600 ?).
Last thing for you to do would be to click the bookmarklet you created and make sure it works.
Example – Paying homage to the cooking show old TV cooking shows, I have created the same bookmarklet we created above right here. Feel free to drag and drop this link (Resize – 1024 x 768) to your Firefox bookmarks bar. Only thing that won’t work with this one is the keyword we used above.
Hope that helps as a very basic introduction to JavaScript and in quickly creating a bookmark to give Firefox a little more quick resize-ability.
Comments are closed.