Web Resources: Interesting!!







30 Free Online Tools to Test Your Website


is one thing that you cannot afford to take lightly. The reason being simple, just like a minor negligence while constructing a building can cost life of millions of residents , the same way a small error left unnoticed can prove to be fatal for your website.

Therefore, this implies that we must run our website through all necessary tests. This includes CSS Errors, HTML Errors, Crossbrowsing Errors, WAP Errors(if your site is WAP enabled) and various other tests.

Below is the list of 30 online tools that enables you to produce an error free masterpiece. So make it sure that you go through this post and run all the necessary tests on your website before making it live.

Validation Tools

1- MarkUp Validator
All documents that are in HTML,XHTML, SMIL, MathML, etc format go through their markup validation through this check. The validator look up for any code that is not complying the rules set by W3C and report it to the user.

2- CSS Validator
Enter the URL of the page you want to check. The validator will show you the existing errors in HTML with CSS or in CSS only, depending on your wish.

3- Links Validator
Type the address of the page or website you would like to run test for. This helps you to check the anchors or links of web pages.

4- RSS Feed Validator
This is a service to check the syntax of the Atoms or RSS feeds.

5- Free Site Validator
Get a real time report of dead links and errors present in your website.

6- MobileOK Checker
Check the level of mobile friendliness of your website or a particular web page.

7- Universal Conformance Checker
A universal error checker. It gives you a brief description of the errors running in your website.

8- WDG HTML Validator
The WDG HTML validator checks through your web pages for errors so as to make them more accessible.

Accessibility & Evaluation Tools

9- Accessibility-Checker
This is an accessibility checker and it checks the conformance of the web pages according to the accessibility standards.

10- Access Color
This checks the color contrast and brightness for the website and makes sure that the people with visual impairment also access the website with same ease.

11- WebAIM Wave
Instead of generating reports on errors it shows you the error spots on your webpage.

12- Functional Accessibility Evaluator
It evaluates the smooth functionality of your web page.

13- Hera
According to WCAG1.0 it check for the errors which do not let user to access the content freely.

14- Section 508 Web Accessibility Checker
Find out if your website is following section 508 standard or not.

15- aDesigner
A help for web designers to ensure that even visually impaired can access their design without any glitch.

16- Adobe PDF conversion
Convert your PDF files which are in any European Language to text or HTML.

17- ColorDoctor
A color simulating software that displays content according to the color characteristics.

18- Colour Blindness Simulator
See the difference in the display of colors to your users affected with color blindness.

19- Colour Contrast Analyser
Use W3C Colour Contrast algorithm and check the contrast between colors.

20- WebXM
Use this Online Risk Management tool to check the accessibility, quality, privacy, security, brand and compliance issues across corporate web properties

21- webagogo
An online tool to check the speed, quality, seo etc of the web pages. It also helps in checking the validations of HTML/XHTML/RSS.

22- Style and Diction
Check the written content of your website on different readability measures.

Website Performance Checkers

23- Pingdom Tools
Check and monitor your network, server and website using Pingdom AB.

24- Testing Master
Test your website with dynamic content and HTTP pages.

25- YSlow
Check and see the reason of slow speed of your website.

26- Web Page Analyzer
Analyze the page size, download time , page speed and many other things of your website.

Cross Browser Testing

27- Browsershots
Check the appearance of your website in different browsers and in different resolutions.

28- Browsercamp
Test your website design in Mac OS X browsers.

29- Xenocode Browser Sandbox
A good resource to check the browser compatibility in IE6/7, Safari, Chrome etc.

30- NetRenderer
An online tool to show you the appearance of your website on IE 6/7/5.5




Javascript: clear default text onClick – restore if nothing entered

Still on hiatus :) but wanted to post a little javascript (mainly for my future reference) I’ve used a few times in various applications.

One function will clear the “default” text in a field when the user clicks into it. The second function will replace the default text in the field if the field was left blank.

This goes inside the <head></head> tags:

<script type="text/javascript">
function clickclear(thisfield, defaulttext) {
if (thisfield.value == defaulttext) {
thisfield.value = "";

function clickrecall(thisfield, defaulttext) {
if (thisfield.value == "") {
thisfield.value = defaulttext;

Then you add the following onclick, onblur events to your field. (Shown in bold):

<input type="text" name="myfield" value="default text" onclick="clickclear(this, 'default text')" onblur="clickrecall(this,'default text')" />

Uses? a search field – your “default text” could give clues about what you can search for. ie “Enter keyword or item #”. Or it could display the format of the content you want from your user, ie. a date field with this as the default text “MM-DD-YYYY”.

Update 11/16/05 Updated script on the suggestion of Joan and Sunny.

Update 11/24/05 Here’s another neat way to do this without the “onclick” and “onblur” embedded in the input tag itself.

source: scriptygoddess.com

Helpful Resources for Cross Browser Testing

This post is written for designers, developers, or anyone else who has struggled with testing their websites across multiple browsers.

As little as one year ago, there were almost no good options for testing cross-browser compatibility of websites. The tools out there usually had significant drawbacks — either in cost, capabilities, or time required. Lately, though, there have been a lot of newcomers to the browser testing world, some of which offer truly excellent services.

In this article we’ve listed 7 fresh and simple tools for cross-browser compatibility testing, tools that actually make this stuff pretty easy. Not only that, but every single one of these tools can be used for free.

#1 — Xenocode Browser Sandbox

The Xenocode Browser Sandbox is a game-changer for browser testing on Windows-based machines. With a single click of your mouse you can have an open and working browser without any installation. You can test in various IE versions, Firefox, Google Chrome, and even Safari. And really test, too, not just screenshots. To top everything off, the entire service is provide free of charge. Zip, nadda, nothing.

Alas, this isn’t yet the perfect solution. There is currently no Macintosh support, which is definitely a significant problem. I’ve heard rumor that this may be coming in the future, though, and at that time this service will be in a class of its own.


#2 — CrossBrowserTesting.com

Free 5 minute test sessions for registered users, and a lot more than that for paid users. CrossBrowserTesting.com makes things as easy as logging in and selecting an available machine with the browser/os you want. Once you pick your machine and browser you can begin your testing.

You can use a web-based java applet to connect to their remote test machines, or you can use a local VNC client if you have one installed. Their system allows full testing of a site’s interactivity and, like Xenocode’s solution, is not just screenshots.

#3 — IETester

This is a free downloadable windows program that is still in the early stages of development. That being said, it is a single free resource that will allow you to fully test all of the relevant versions of Internet Explorer.

Just download and install their free browser, and you can easily select which IE rendering version you want to browse in. The program even allows comparing two different versions side-by-side. Did I mention it’s free?

#4 — BrowsrCamp

With all of the IE-Only test sites out there, it was about time someone joined in and created a site that allows testing on Safari/Mac. The free version of their service offers near-instant screenshots on the newest stable release of safari, and though it’s lacking a bit in browser versions it definitely makes up for it in rendering speed.

For a few dollars extra, they offer the ability to take over an entire machine and perform much more in-depth testing.

#5 — Litmus

Over a period of just a few months, Litmus has risen in popularity to become one of the most favored cross-browser testing tools on the market today. Unfortunately, their free options are very limited and only allow testing in IE7 and FireFox 2.

The paid version of their app is significantly more robust, and allows testing in dozens of browsers and even email clients. Unfortunately again, with a single-user subscription starting at $49/mo, this isn’t cheap either. For those who need a robust test suite, though, it can be worthwhile.

#6 — NetRenderer

NetRenderer is a slightly more humble-looking option for testing IE compatibility. Like many of the other services, NetRenderer creates screenshots of your website in various browsers. It currently supports everything from IE5.5 all the way to IE8, and creates your screenshots very quickly without needing to wait.

They also provide a browser toolbar that allows you to quickly test any of the pages you are visiting with their service. This is also a free service, and they don’t even offer a paid version of the tests.

#7 — BrowserShots

BrowserShots has become one of the most common methods of testing lately, and with good reason. They allow testing in almost any browser/os, including some very rare combinations. The free version of the app only has one limitation — you must wait for paid users to get access first.

Because of their popularity, though, it can be very slow to receive the test screenshots at certain times of day. Since they rely on member computers to provide the screenshots, the more popular the browser/os combination you select the faster you’ll receive your renders. Unless everyone else is trying for the same one 🙂

Bonus #8 — Adobe MeerMeer

Adobe MeerMeer is a sweet looking test suite that is going to be released very shortly from Adobe. They previewed some of the features at their Adobe MAX event, and since then nearly everyone who’s heard about it is excited.

MeerMeer will offer a significant number of benefits compared with existing test suites. The most notable is probably the “onion skin”, or the ability to overlay one rendering on top of another from a different browser. Keep your eye on this one, it is going to be big.

About the author: Mason Hipp is a designer, entrepreneur, and writer. He is co-author of the Book The Unlimited Freelancer, and has just recently launched a collection of premium graphic resources for web designers called MediaLoot. Follow him on twitter @MasonHipp


10 Helpful Resources for Cross Browser Testing

By Steven Snell | Published October 19th, 2008 in Resources


Every web designer knows that browser differences can create plenty of headaches. Finding and fixing problems can be difficult if you’re not equipped with the right tools. In this post we’ll take a brief look at 10 of the leading resources for making your browser testing less time consuming and more productive.


Browsershots is a popular free service that will provide screen shots of a page from just about any browser from all of the common operating systems. All you have to do is enter your URL and select the browsers and operating systems that you want to test. Browsershots will then enter your information into the queue, and in a few minutes you should have the screen shots.

There is a paid option that will give you priority over the free requests. When the service is busy it can take a while to get the free screen shots, but you can pay $15 per month for priority processing.


BrowserCam provides several different services for browser testing. There is a browser capture option that will give you screen shots from any browser and any operating system. There is also a device capture option for working with Blackberry and PDAs. The Remote Access service will test JavaScript DHTML, forms and other dynamic functionality on any platform.

BroswerCam is a paid service with options for daily, monthly, or yearly. They also offer a free trial that will allow you to test the screen capture service by getting up to 200 screen captures within the 24-hour trial.

NetMechanic Browser Photo

Brower Photo from NetMechanic is a paid service that will allow you to test different versions of Internet Explorer, Opera, Firefox and Safari on Windows, Mac and Linux. You can test on various screen resolutions as well.

Browser Photo has a nice print-friendly feature that will help you to show clients or bosses how you’ve test the site and how it appears on different browsers. You can get Browser Photo for $15 for one-time use, or $150 per domain per year for unlimited use.


Litmus provides testing on all major browsers and also produces bug reporting to help you identify and correct any errors. Once the testing is complete you can produce a compatibility report to share with clients. In addition to website testing, Litmus also offers testing of HTML emails in all major email clients, and also runs your messages through spam filters and identifies any problems so you can get more of your messages read.

There is a limited version of Litmus available for free. Additionally, there is a day pass with full access (minus spam analysis) for $24, an individual subscription for $49 per month, or a team subscription for $199 per month.


IE NetRenderer

IE NetRenderer is a free tool that’s great for testing websites in Internet Explorer, typically the most troublesome browser. With IE NetRenderer all you have to do is choose a version of IE and enter the URL that you want to test, and you’ll instantly get a screen shot of the page being tested.


BrowserCamp allows you to test the compatibility of your design with Mac OS X browsers. You can quickly enter the URL that you want to test and get a full length screen shot at several different screen widths. Additionally, for full testing you can pay $3 for a two-day subscription, or $99 for a one-year subscription, with a few options in between.

IE Tester from DebugBar

IE Tester from DebugBar s a free web browser that allows you to have the rendering and JavaScript engines of IE8 beta 2, IE7 IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process.


CrossBrowserTesting.com will allow you to test your website, including AJAX and JavaScript. The service is free for less than 5 minutes per session, or you can buy credits for additional minutes. There are no monthly subscription fees, just pay for what you use.



ieCapture is a free tool for getting screen shots from websites in Internet Explorer. It’s very simple, just enter a URL and in a moment your screen shot will appear.


iPhoney is a free iPhone web simulator for designers. To use iPhoney you’ll have to download the program, but there is no cost.

source: freelancefolder.com