Skip to main content

One cool Web design tool

While browsing some of my favorite sites looking for quirks in Microsoft's Internet Explorer 7 (IE7) that I needed to be aware of for Web design, I came across one of the most helpful design tools I've seen in a long time. Caleb Gilbert recommended at Drupal.org a site called Browsershots. His recommendation was prompted on the need for non-IE7 users such as Mac users to actually see what their sites would look like in IE7. This is a design tool not only useful for those designing themes for Drupal, but about any other content management system or Web page you may get your hands on.

Browsershots is a "free online platform where you can test your web design in different browsers." You just submit your web address along with which browsers you would like Browsershots to view the site with and in several minutes you'll find screenshots of your requested site. Browsershots not only offers screenshots using various browsers such as IE, Firefox, and Opera but also through more than one platform. Currently the Windows, Mac, and Linux platforms are being offered.

What I like about Browsershots is that not only could I render screenshots of a site as it is viewed in IE7, but also in other versions of Internet Explorer such as IE5 (which surprisingly renders CSS sites well). Several versions of Firefox are also offered but only one version of the Mac's Safari and other less used browsers (Dilo, Phoenix, Netscape Navigator 4.8, etc.) are offered.

Browsershots is still an online platform early in the early development process. In fact at the time of this post the site was only at version 0.3 alpha 2. Depending on how many requests are on queue, it can also take a few hours hours before your requested screenshots are rendered. All in all though, I found the needed rendering time well worth the wait. I can't wait to see what Browsershots will have to offer once it reaches version 1.0.

Comments

#1 I'm not sure it's that IE5

Anonymous's picture
I'm not sure it's that IE5 does CSS well, rather it's that designers hack the CSS to work with IE5.

#2 Valid point

Bryan's picture

That is a very valid point and something to keep in mind. Though the site I was referring to was my own and based on the Drupal Channel Nine theme (though with extensive CSS modifications by me). As much as I recall, most of the hacks are for IE6 and not IE5...but maybe two birds got killed with one stone using the IE6 hacks.

Either way, you point is well taken. Although a site may look good with Browsershots (or the actual browser)...it doesn't answer whether it's the code at the stie or code in the browser making the site look good/bad. Something to keep an eye out for...

Bryan

 

#3 FYI, Browsershots just updated the version IE 7

Caleb G's picture
...they're using. After finding out that the display I was getting for Drupal.org was different than what others were getting, I contacted Browsershots to inquire about which version of IE 7 they were using and they wrote back to let me know that my comments reminded them to upgrade to the latest post-release version of IE 7. Funny enough I still can't replicate the issues others say they've had - so the shakeout seems like it's going to take a while. But I just thought I'd share that they're using IE 7 version 7.0.5730.11 for anyone that wonders.

#4 Apparently the reason why

Caleb G's picture
I can't replicate the issues on Drupal.org and IE 7 - is because it's now fixed.

#5 I thought you knew some of

Bryan's picture
I thought you knew some of those issues with Drupal.org and IE7 were fixed! I thought you might be looking at some new bugs. Goes to show that looking at the tracked issues is about just as important as looking at the forums! Though the forums are so much more fun!

#6 will drupal 8 work in IE7 ?

kannan balakrishnan's picture
I think that since IE is used by a majority of users, Drupal 8 should be fully compliant with IE7. Cant we use conditional statements to get the compliance,without sacrificing other browsers.
Bryan's picture

About this CMS Enthusiast

Bryan Ruby is the owner and editor for CMS Report. He founded CMSReport.com in 2006 on the belief that information technologists, website owners, and web developers desired visiting sites where they could learn about content management systems without the sales pitch.

Outside of his late night blogging hours, he is the Information Technology Officer for a field office in the federal government. Away from the computer he enjoys his family, bicycling, camping, and the outdoors.