Browser safe zone?

11 Mar 2008 - 7:13am
33 weeks ago
7 replies
2833 reads
Rick Castanho
2008

Hi All,

I recall having once downloaded a photoshop file that had mock layouts to
help design web pages within browser safe-zone. Can no longer find this
file. Does anyone have specs or can point me to specs for designing within
safe-zone?

Thanks in advance! :-)

Peace,
Rick

Comments

11 Mar 2008 - 2:49pm
Charlie Salazar
2008

Hey Rick,
Perhaps you are thinking of these .psd files found on the last
paragraph of this WebMonkey page:
http://www.webmonkey.com/webmonkey/99/41/index3a_page2.html

Am I correct?

Charlie Salazar
Usability Analyst
Stamps.com

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=26944

11 Mar 2008 - 2:57pm
Brandon E.B. Ward
2008

Unfortunately - none of those browsers matter anymore :-(

Well - except MAYBE IE 6 Win <shudders>

RE:

Hey Rick,
Perhaps you are thinking of these .psd files found on the last
paragraph of this WebMonkey page:
http://www.webmonkey.com/webmonkey/99/41/index3a_page2.html

12 Mar 2008 - 8:52am
Jeffrey D. Gimzek
2007

Hi Rick,

It's pretty arbitrary, as the amount of toolbars and addons have
gotten kind of ridiculous lately

Most people, myself included, design for 1024x768 by using 1000x550 as
the safe zone - this is closest to IE with one extra toolbar (say,
google toolbar) on a 1024x768 PC laptop.

so, basically, set your guides to 1000x550, and then email some comps
to your accountant or your mom to see how they show up on their browser.

jd

On Mar 11, 2008, at 5:13 AM, Rick Castanho wrote:

> Hi All,
>
> I recall having once downloaded a photoshop file that had mock
> layouts to
> help design web pages within browser safe-zone. Can no longer find
> this
> file. Does anyone have specs or can point me to specs for designing
> within
> safe-zone?
>
> Thanks in advance! :-)
>
> Peace,
> Rick
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help

--

Jeff Gimzek | Senior User Experience Designer

jeff at glassdoor.com | www.glassdoor.com

13 Mar 2008 - 10:06am
David Kegel
2008

Cameron Moll has a great one that I have stuck to using a 960 grid.
http://cameronmoll.com/archives/2006/12/gridding_the_960/

Also a great Mac utility is Xscope, which shows you what your work
looks like in almost all browsers including iPhone Safari.
http://iconfactory.com/software/xscope/

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=26944

13 Mar 2008 - 11:59am
Brandon E.B. Ward
2008

Umm ... I've got xScope (love it) but I don't think it previews your work in all browsers. Could you be thinking of a different util? If not - please show me how this is done in xScope.

B

On 3/13/08 1:06 AM, "David Kegel" <dkegel at mac.com> wrote:

Also a great Mac utility is Xscope, which shows you what your work
looks like in almost all browsers including iPhone Safari.
http://iconfactory.com/software/xscope/

14 Mar 2008 - 9:36am
David Kegel
2008

Check the Screens function, which overlays a transparent frame over
your design. It shows you the available real estate you have with
each browser under Mac and Windows.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=26944

14 Mar 2008 - 12:10pm
Brandon E.B. Ward
2008

Oh snap!

Thanks!

B

On 3/14/08 12:36 AM, "David Kegel" <dkegel at mac.com> wrote:

Check the Screens function, which overlays a transparent frame over
your design. It shows you the available real estate you have with
each browser under Mac and Windows.

Syndicate content Get the feed