Connect
To Top

Graph the fold with Google Labs Browser Tool

GoogleBrowser

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

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 Instagram

 Just got my EXTREMELY cool chrome @huckgee skullhead that is extremely hard to photograph. #huckgee #huckgeeskullhead #chrome #skull #sculpture #urbanvinyl #soshiny  More in love with our 3D mixed media letter from @einesigns and @fluorescentsmogg every day #eine #typography #streetart #streetartist #streetartofficial #urbanart #design #sculpture  Never been a necklace guy but this vintage Chanel crossbones will change that. #chanel #chanelboy #necklace #vintage #crossbones #chic #fashion #mensfashion #vintagefashion  @fanakapan sums up my feelings on the new year and pretty much every other day #streetart #streetartist #streetartofficial
 No school like the old school. #typography #letterpress #crazyone #notbackwards  If you know the work of @invaderwashere then you know why hanging this at eye level made no sense to me. It feels much more at home above the pantry door. #spaceinvader #invader #streetartist #streetart #streetartofficial #urbanart #mosaic #vienna @overtheinfluence_hk  Happy birthday to my brother, family tattoo artist, influencer and fellow #crazyone @lukewessman - hope it's a good one!  2016 had a lot of great moments but the best had to be seeing my name on stage at Apple's keynote in March. I will never be able to say thank you enough for so many different opportunities over the years not to mention their immediate and incredible support when the rug was pulled out from under me at Starwood. No need for mentioning names - you know who you are. #apple #ipadpro #ipad #applepencil #thecrazyone #crazyones #cupertino #citi #designedbyapple
 Limited edition red and grey Crazy One hats now available in the store. Podcast.stephengates.com for all the info #podcast #crazyone #crazyones #hat #fitted #design #creativity  We all know that if my getting some Chanel so is @thechiclibrary #chanel #chanelboy #necklace #vintage #crossbones #chic #fashion #mensfashion #vintagefashion  @dface_official helmet finally settling into its new home #dface #dfaceart #streetart #streetartofficial #streetartist  Not the least bit surprising my #bestnine2016 is street art from Miami and Paris, our art collection and the emergence of my podcast. More good stuff coming in 2017! #streetart #streetartist #miamistreetart #kaws #dface #paris #parisstreetart #spaceinvader #vhils @dface_official @invaderwashere @einesigns @obeygiant #obeygiant #kaws #kawscompanion #sheone

Follow me on Twitter

Copyright © 2015 Stephen Gates