Browser safe zone?
11 Mar 2008 - 7:13am
7 replies
2261 reads
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
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
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
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
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
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/
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
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.