Want to Write for Us?Read This | LoginBecome a Member
adobe-browser-lab-logo

3 Free Tools For Testing Your Site Layout

The internet is an awesome place and building things for is it fun, but that doesn’t mean it isn’t frustrating at times.

There are very few places where frustration manifests itself more than is making sure your design or user interface looks solid across the board of browsers.

For the web being a ubiquitous platform, building things for it is all but. There are several tools that I’ve used to verify my interfaces look solid across the board.

Check ‘em out.

Browser Shots

BrowserShots will run your site through four operating systems and more web browsers than a single person would ever use. It will then generate a page with screen shots of your sites for your review.

Adobe BrowserLab

BrowserLab is a web application that will display your site under the rendering engine of other popular browsers. Aside from showing screenshots, it also allows you to zoom and pan around the site, save screenshots, and it integrates with Dreamweaver.

IETester

IETester allows you to load up not only your site but browse the entire web in four versions of Internet Explorer simultaneously. You can check out your site in IE5.5, 6, 7, and 8. I’d say this is a most for anyone that builds for the mainstream audience.

You can take browser testing to the extreme, too: There are times where I’ve setup a virtual machine in order to see how the site looks on another operating system.

But that’s just me. Call me compulsive.

18 Responses to “3 Free Tools For Testing Your Site Layout”

  1. April 21, 2010 at #

    You’re compulsive.

    • April 21, 2010 at #

      Just checking the post to make sure somebody had typed this.

    • Tom
      April 21, 2010 at #

      You guys are awesome.

  2. April 21, 2010 at #

    Beautiful. Yesterday I borrowed my friends computer to fix an IE float problem…How else am I supposed to know what it looks like ya know? Thanks!

    • Tom
      April 21, 2010 at #

      No prob!

    • April 21, 2010 at #

      except IE tester is only for Windows….That doesn’t make sense to me haha, it seems like the mac people need it more…

      • Tom
        April 22, 2010 at #

        Meh, I always thought IE was below the elite Apple fans.

        I kid ;)

        But seriously, that’s where virtualization can come in handy. And, from a developers standpoint, it probably wasn’t terribly difficult for them to build IETester on .NET for Windows. It’s primarily providing a sandboxed front-end to all of the past IE libraries.

      • Tom
        April 22, 2010 at #

        That link should’ve been virtualization.

  3. April 22, 2010 at #

    Great list man! Thanks for the suggestions. I will definetly use them this year! oh and yeah your compulsive..

    • Tom
      April 22, 2010 at #

      ;) awesome

  4. April 22, 2010 at #

    Really good tools. I have used Browser Lab and IETester. Will check out Browse Shots..
    =)

    • Tom
      April 23, 2010 at #

      I use it occasionally – it’s definitely the best solution for seeing how the site is going to render for the minor browsers.

      It’s also good for seeing how the site will appear in operating systems that may not have the same set of fonts as the one on which you’ve developed.

  5. April 26, 2010 at #

    Nice list. We’re constantly fighting IE. Virtual Machines? Heck We’ve got actual machines still running IE6!

    • Tom
      April 26, 2010 at #

      Sigh. I know. Isn’t it lame?

Trackbacks/Pingbacks:

  1. Tweets that mention 3 Free Tools For Testing Your Site Layout | ChurchCreate -- Topsy.com - April 22, 2010

    [...] This post was mentioned on Twitter by Brandon Cox, WPstudios, Oliver Kunzmann, Coding Koala, 8Bit and others. 8Bit said: From the Network: 3 Free Tools For Testing Your Site Layout http://dlvr.it/Zcc8 [...]

  2. uberVU - social comments - April 22, 2010

    Social comments and analytics for this post…

    This post was mentioned on Twitter by wpstudios: RT @brandonacox RT @churchcreate 3 Free Tools For Testing Your Site Layout http://bit.ly/bKevuA...

  3. 3 Tips For Developing Sites for Cross-Browser Compatibility | ChurchCode - September 21, 2010

    [...] there are tools available to help. Aside from actual browser installations, we’ve covered three free tools for cross-browser testing. Internally, we’ve also used the Utilu Collection for both Firefox and IE testing and have [...]

Leave a Reply

Gravatar Image