Blog > browserSim 0.2 - browser chrome for design made easy

April 24, 2007
Martin Kuplens-Ewart
Many web design types use a masked browser chrome to present their design work to clients - it helps provide a context for the visuals being presented.

I personally find it a tremendously useful technique to use from the very start of a design process - it keeps me aware of how the elements I'm producing will sit within the browser, and ultimately of how they'll appear to the end-user.

I've done several versions over the past half-decade or so, but finally got around to doing one with multiple chrome options, layer group masks, etc., which makes it all ludicrously easy to use. Even better, the chrome is nicely drop-shadowed and pretty much presentation-ready!

All you need to do is grab the .psd and use. Instructions are in the first group. If you find yourself making improvements (such as adding browser versions), do ping me!
Posted by Martin Kuplens-Ewart on Tuesday, April 24, 2007 at 04:00 PM in Design with tags , , , , , , Permalink1 comment

Comments

jonathan coe says:
Cheers to this! One suggestion - do a layer that accounts for IE toolbars (Google, Yahoo etc) all open and expanded. I've been burned by that before... and I continue to get burned as I Flash-i-fy terrific full-window designs that were client-approved, only to be told that there are complaints of content being cut off. The maximum safe height for this scenario is about 575 pixels... which isn't much at all.
Posted by jonathan coe on Tuesday April 24, 2007 at 4:38 PM

Post a New Comment

Please note that comments are moderated to prevent abuse of the comment system and will only appear after they have been approved by the author of this post. Use the "View Source" mode to edit HTML directly if you're into that kind of thing. We might not approve posts that are offensive or really off-topic, and we will definitely delete spam (and place nasty, nasty curses on the spammers).

Name
Email Address
Website
Comment