Code Snippet
1024×768 Bookmarklet
The days of 800x600 screens are all but over, but most of us still try to accommodate 1024px wide screens. Hence the popularity of "960" width sites. This bookmarklet will resize the current browser window to that width and height. You know, so us web designers with giant monitors can see what it's like to be slummin' with a 1024 screen. Also, to see "the fold", if such a concept even matters anymore.
javascript:resizeTo(1024,768)The Bookmarklet
1024x768 < Drag to bookmarks bar
Wow, that’s really nice. Works perfectly for your website!
Maybe another to return my browser to what it was?
But that would be kinda hard right, since everyone’s browser is at a different size these days.
Nice. But Chris, now I see that your site is a few pixels too wide! :)
This site fits right in there just snug with no scrollbar….
A scroll bar shows up for me :(
Well then you have something in your browser that is inhibiting the width of it.
Hmm, not in my Firefox… but very close. Probably something to do with my settings. Sorry, with all your digital troubles this week, you don’t need me giving you a hard time!
I have to say, I did notice that too. But very helpful tool
Not working from the bookmark bar in Safari 4 but works if you click the button on the page. Any ideas?
Pretty clever and it works perfect in Firefox. Though I’m not going to keep this size up for much longer as it’s really, really small :)
The bookmarklet doesn’t work in Safari via the web site or the bookmarklet, but it works fine in Firefox. I have several other JS bookmarklets that function fine.
Any idea, Chris?
Works fine for me in Safari. Probably some settings on your end.
Found that the bookmarklet only works in Safari 4 with no tabs open. If you only have one window open it works like a charm. 2 or more tabs and you are out of luck.
I also created a 1200×1180 bookmarklet to return my screen to how I would like it.
web developer’s toolbar! =)
Hmm, doesn’t work in Chrome 3.0.195 on XP?
Doesn’t work for me, I’m in Firefox 3.5.4
How many tabs do you have open? It doesn’t work in Safari, Chrome or IE unless you have only one tab open. Also, it’s really, really easy to change the dimentions to what you want – you could do 1×1.
Very interesting to know about the multiple tabs preventing it thing.
Oh and Developer Toolbar has this functionality, except it doesn’t remember what dimensions you entered and one of the defaults is 800×600.
it didn’t work on Chrome!
What about handlheld devices such as ipods, ipads, blackberries, ect., that all use 800×600 resolution still? I disagree with this post stating 800×600 are all but over! As matter of fact 800×600 resolution is more popular than you think and is widely used everywhree still.
This doesn’t seem to work in Chrome 8, Chris. Not sure what the deal is, but you may need to check on that.
Doesn’t work in Chrome, and now doesn’t work in Firefox for me either :-(
DigWP
A book and blog co-authored by Jeff Starr and myself about the World's most popular publishing platform.
Quotes on Design
Design, like Art, can be an elusive word to define and an awfully fun thing to have opinions about.
HTML-Ipsum
One-click copy to clipboard access to Lorem Ipsum text that comes wrapped in a variety of HTML.
Bookshelf
Hey Chris, what books do you recommend? These, young fertile mind, these.