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

This doesn't seem to work at all anymore (tested in stable version of Chrome and Firefox, April 2013). It used to work only when the window was by itself, not when multiple tabs were open, but now that doesn't work anymore either.

There is some kind of way to do it, since I still regularly see resized popups, so feel free to chime in the comments if you know more.

Comments

  1. User Avatar
    Thomas Offinga
    Permalink to comment#

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

  2. User Avatar
    Tyrale
    Permalink to comment#

    Maybe another to return my browser to what it was?

    • User Avatar
      Thomas Offinga
      Permalink to comment#

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

  3. User Avatar
    LaVonne Ellis
    Permalink to comment#

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

    • User Avatar
      Chris Coyier
      Permalink to comment#

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

    • User Avatar
      Ben
      Permalink to comment#

      A scroll bar shows up for me :(

    • User Avatar
      Chris Coyier
      Permalink to comment#

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

    • User Avatar
      LaVonne Ellis
      Permalink to comment#

      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!

    • User Avatar
      Callum
      Permalink to comment#

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

  4. User Avatar
    Andrew Sellenrick
    Permalink to comment#

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

  5. User Avatar
    Klaus @ TechPatio
    Permalink to comment#

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

  6. User Avatar
    Shane
    Permalink to comment#

    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?

    • User Avatar
      Chris Coyier
      Permalink to comment#

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

    • User Avatar
      Tyrale
      Permalink to comment#

      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.

  7. User Avatar
    mizwo
    Permalink to comment#

    web developer’s toolbar! =)

  8. User Avatar
    Chris Hajer
    Permalink to comment#

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

  9. User Avatar
    Sunny Singh
    Permalink to comment#

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

    • User Avatar
      Jack Bliss
      Permalink to comment#

      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.

    • User Avatar
      Chris Coyier
      Permalink to comment#

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

  10. User Avatar
    Sunny Singh
    Permalink to comment#

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

  11. User Avatar
    Mohammed Alaa
    Permalink to comment#

    it didn’t work on Chrome!

  12. User Avatar
    Daryl
    Permalink to comment#

    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.

  13. User Avatar
    Galen Gidman
    Permalink to comment#

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

  14. User Avatar
    Justin Britt
    Permalink to comment#

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

  15. User Avatar
    Mike
    Permalink to comment#

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

    • User Avatar
      David Hopkins
      Permalink to comment#

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

  16. User Avatar
    Joe Liuzzi
    Permalink to comment#

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

  17. User Avatar
    Jas
    Permalink to comment#

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

  18. User Avatar
    Arjaan
    Permalink to comment#

    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.

  19. User Avatar
    Arturo
    Permalink to comment#

Submit a Comment

Posting Code

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag