Sep '10

Dreamweaver Quick Tip: Optimizing Screen Real Estate

If you’re like me, your screen is never big enough. When I’m working in Dreamweaver, I want to see my code, my design (in Live View) and my CSS panel. The first time I fired up CS5, I created my own customized workspace which you can see below. Basically, it’s just my CSS panel that I have left open. The other couple of panels that I use on a regular basis (Files, Snippets and Insert) I’ve collapsed to their button state.

my own custom workspace

I’ve been using this workspace so long now, that I tend to forget what the default DW workspace even looks like! The only issue that I’ve had is that I still find myself toggling the panels on/off using the F4 keyboard shortcut so that I can see more of the design.

Well, I just found out, that I can keep them toggled close – and still get to what I need quickly! (Head slap here) First, use F4 to toggle your panels off. Now, when you need them, simply move your mouse all the way to the edge of the screen that you’ve hidden the panels – and, viola, there they are! Click back in your page and they hide themselves again.


5 Responses to “Dreamweaver Quick Tip: Optimizing Screen Real Estate”

  1. Lyle Jacobson Says:

    Nice one. I use dual screens and I would still like to have more space to see all the design and all the code. I’ll have to try this, keep up the tips.

  2. eric Says:

    hey i have tryed it on dreamweaver 8 and cs4 and it works on cs4 but dosent work right on 8 it does hide all the panels but no toggling. Great tip tho.

  3. Steve Elliott Says:

    Eric in 8 just press F4 and they go and then press F4 again and they appear back.

  4. Ron Sturn Says:

    Sorry, but what theme is in use here? Is it a private theme? If you dont mind, can you tell it here? It totally looks awesome:) I’ll be be back! Thank you !!!

  5. Greg Says:

    It’s my own theme – built from scratch. I’m rebuilding it entirely in HTML5/CSS3 at the moment – hope to have it finished soon!

Leave a Reply