To Top

Graph the fold with Google Labs Browser Tool


One of the incredibly talented front end developers I have the pleasure to work with sent me a heads up to an interesting tool from Google Labs I hadn’t seen before called Browser Size. It is an interesting new take on the ‘above the fold’ tools we have seen and used to check the initial visible area on common browsers. The tool lets you input a URL and the site in then pulled up under a colored graph that shows what percentage of your audience will be able to see your content can be seen without scrolling. Depending on the contrast of your site it is a good idea to adjust the opacity of the overlay so you can really see where the lines fall across your site. I ran a few different sites I have designed through it and the only problem I found was that it was  built for left justified sites. With some tinkering you can get some idea of percentages of a center justified site but is isn’t the same. It is an interesting alternative to a programs I have used in the past like xScope and it would be great to have the next version move it into an application so it could be used with off line sites still in development or design comps since that is the stage where this type of information is the most critical.

1 Comment

  1. Erica Hussein Ryan

    December 17, 2009 at 4:58 am

    ahh! thanks for sharing. this is going to be quite useful.

You must be logged in to post a comment Login

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

More in Great resource

Creative Director, Designer, Brand Builder, Speaker, Podcaster, Crazy One. As a designer, I have 20+ years experience creating the strategy, concepts, and designs for award-winning integrated global advertising campaigns, building multiple global Fortune 500 brands and creating innovative digital experiences. As a leader, I have 15+ years transforming agency and client-side teams using a mix of creativity, business strategy, process and political skill to create innovative, world-class work and cultures that change industries and companies. My clients have included American Airlines, W Hotels, Disney, Citi, ExxonMobil, Acura, Old Navy, Nationwide Insurance, Verizon, Subaru and many others. My work has received over 150 international awards, my app designs have been named as one of the World’s 100 Greatest Apps, Apple has featured my work in 9 keynotes, 4 TV commercials and more.

Follow me on Twitter

Copyright © 2015 Stephen Gates