magnetiq.com

Last night I touched some code that hadn’t been touched for years. I refactored the plug-in detection code at whatsmy.browsersize.com and added detection for the Microsoft Silverlight plug-in. I also added bookmarklet support for setmy.browsersize.com and brought back to life a feature that had been broken long ago: specifying arbitrary URLs in the form http://setmy.browsersize.com/1024x768 to set the browser size. With an exclamation mark at the end, the browser gets resized and then goes back to where the the user left off: http://setmy.browsersize.com/1024×768!

A simple website that I had put together a while ago, that harbors two simple tools that web designers may find useful. The main site shows you decently current statistics on different screen resolutions that web surfers have nowadays. You could use that as a starting point for deciding on the dimensions for a non-fluid website layout.

setmy.browsersize.com allows you to set your browser size to any desktop resolution without the need for extra add-ons/extensions. This is useful for seeing how users with different desktop resolutions will be viewing your website. whatsmy.browsersize.com tells you your current desktop resolution and browser size along with all the installed popular plug-ins (with links to download sites for missing ones).

Image rollovers are usually composed of two individual images; one for the default state and one for when the mouse is hovered over the image or link. However, it bears some advantages to use a single image by taking advantage of CSS background image offsets. Read the rest of this entry »