1024x768 Bookmarklet

The days of 800×600 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

Drag this button to your browser’s bookmarks bar:

1024×768

Update (Sep. 10, 2024): This bookmarklet no longer works. It used to work only with a single window open but not with multiple tabs open, but alas, that doesn’t work anymore. Some alternatives are noted in the comments. A reader also wrote in to suggest a tool called Responsive Checker.

Comments

Thomas Offinga

# October 15, 2009

Wow, that’s really nice. Works perfectly for your website!

Tyrale

# October 15, 2009

Maybe another to return my browser to what it was?

Thomas Offinga

Permalink to comment# October 15, 2009

But that would be kinda hard right, since everyone’s browser is at a different size these days.

LaVonne Ellis

# October 15, 2009

Nice. But Chris, now I see that your site is a few pixels too wide! :)

Chris Coyier

Permalink to comment# October 15, 2009

This site fits right in there just snug with no scrollbar….
Ben

Permalink to comment# October 16, 2009

A scroll bar shows up for me :(
Chris Coyier

Permalink to comment# October 16, 2009

Well then you have something in your browser that is inhibiting the width of it.
LaVonne Ellis

Permalink to comment# October 15, 2009

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!
Callum

Permalink to comment# October 15, 2009

I have to say, I did notice that too. But very helpful tool

Andrew Sellenrick

# October 15, 2009

Not working from the bookmark bar in Safari 4 but works if you click the button on the page. Any ideas?

Klaus @ TechPatio

# October 16, 2009

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 :)

Shane

# October 19, 2009

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?

Chris Coyier

Permalink to comment# October 19, 2009

Works fine for me in Safari. Probably some settings on your end.
Tyrale

Permalink to comment# November 10, 2009

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.

mizwo

# October 23, 2009

web developer’s toolbar! =)

Chris Hajer

# October 28, 2009

Hmm, doesn’t work in Chrome 3.0.195 on XP?

Sunny Singh

# October 29, 2009

Doesn’t work for me, I’m in Firefox 3.5.4

Jack Bliss

Permalink to comment# June 24, 2010

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.
Chris Coyier

Permalink to comment# June 24, 2010

Very interesting to know about the multiple tabs preventing it thing.

Sunny Singh

# October 29, 2009

Oh and Developer Toolbar has this functionality, except it doesn’t remember what dimensions you entered and one of the defaults is 800×600.

Mohammed Alaa

# December 2, 2009

it didn’t work on Chrome!

Daryl

# September 21, 2010

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.

Galen Gidman

# December 29, 2010

This doesn’t seem to work in Chrome 8, Chris. Not sure what the deal is, but you may need to check on that.

Justin Britt

# November 16, 2011

Doesn’t work in Chrome, and now doesn’t work in Firefox for me either :-(

Mike

# April 25, 2012

This didn’t work for me, for some reason…

David Hopkins

Permalink to comment# April 11, 2013

Not sure if this works anymore. Tested in Firefox 20 on Mac.

Joe Liuzzi

# June 26, 2013

I’m trying to use in safari but can’t seem to get it working, anyone had success?

Jas

# August 7, 2013

This only works in IE now, still very helpful as long as you have a PC.

Jas

# August 7, 2013

There’s also a nice Chrome extension here — https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en

Arjaan

# February 10, 2014

It seems that this still does work in IE11 but only if you have one tab open. As soon as you open a second tab, the resize doesn’t work anymore.

Arturo

# August 17, 2014

this kinda works: http://resizemybrowser.com

Mike

# December 28, 2020

It’s now 2020; browsers have changed. It sort-of works if you replace the bookmarklet’s target code (everything after the javascript:) with this: it opens a pop-up of the current site’s URL at 1024×768. Note that in Chrome / Safari it ignores most of the window features (toolbars etc).

Code:

(function(){var id = 'w' + new Date().getTime(); var options = 'toolbar=yes,location=yes,status=yes,resizable=yes,favorites=yes,width=1024,height=768,left=0,top=0'; var p = document.createElement("P"); p.innerHTML=('<a href="#" id="' + id + '" target="_blank" onclick="window.open(window.location.href, \'\', \'' + options + '\' ); return false;"></a></p>'); document.body.appendChild(p); document.getElementById(id).click() && document.body.removeChild(p);}())

The same code as above, but formatted:

(function() {
    var id = 'w' + new Date().getTime();
    var options = 'toolbar=yes,location=yes,status=yes,resizable=yes,favorites=yes,width=1024,height=768,left=0,top=0';
    var p = document.createElement("P");
    p.innerHTML = ('<a href="#" id="' + id + '" target="_blank" onclick="window.open(window.location.href, \'\', \'' + options + '\' ); return false;"></a></p>');
    document.body.appendChild(p);
    document.getElementById(id).click() && document.body.removeChild(p);
}())

The Bookmarklet

Comments

Leave a Reply Cancel reply