1stwebdesigner

Posted by | Posted on 18:05

1stwebdesigner


20+ Online Tools for Website Validation and Testing

Posted: 23 Jun 2010 09:00 AM PDT

As you probably know already, it’s important to check and test your Website to help ensure that it looks great and works beautifully regardless of the browser or platform used. Testing a website before launch is one thing that you cannot afford to take lightly.  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, Cross browsing Errors, WAP Errors (if your site is WAP enabled) and various other tests.Below is the list of Online Tools for Website Validation and Testing. 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.W3C markup validation service

This validator checks the markup validity  of Web documents in HTML, XHTML, SMIL, MathML, etc. This is an exclusive standards check for the document, so other checks are not available.

Checks done on:

  1. Syntax and style analysis – Yes
  2. Source code – Yes

2.CSS validator

Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets.The important thing is if you want to validate your CSS style sheet embedded in an (X)HTML document, you should first check that the (X)HTML you use is valid.

3.Checklink

Check links and anchors in Web pages or full Web sites.This Link Checker looks for issues in links, anchors and referenced objects in a Web page, CSS style sheet, or recursively on a whole Web site. For best results, it is recommended to first ensure that the documents checked use Valid (X)HTML Markup and CSS.

4.Feed

This is the W3C Feed Validation Service, a free service that checks the syntax of Atom or RSS feeds.You can validate by URL or Validate by direct input.

5.Mobile checker

This checker performs various tests on a Web Page to determine its level of mobile-friendliness. The tests are defined in the mobileOK Basic Tests 1.0 specification. A Web Page is mobileOK when it passes all the tests. And find Is your Web site mobile-friendly?

6.Unicorn

Checks your site for all the general standards and see if there are rooms to improvement. It checks for the XHTML and CSS compatibility.

7.HTML Validator

The WDG HTML Validator is similar in many ways to the W3C HTML Validation Service. Most of the previous differences between the two validators have disappeared with recent development of the W3C validator. The errors reported are the same in virtually all cases.

8.Dr. Watson's site validation check

Dr. Watson is a free service to analyze your web page on the Internet. Just give the URL of your page and Watson will get a copy of it directly from the web server. Watson can also check out many other aspects of your site, including link validity, download speed, search engine compatibility, and link popularity. It rolls many features into one, so if you are looking for a single stop for checks, this one is the place to be.

List of checks :

  1. Page load time check – Yes
  2. Syntax and style analysis – Yes
  3. Word counts – Yes
  4. Spelling checks – Yes
  5. Link checking – Yes
  6. Search Engine Optimization check – Yes
  7. Incoming links check – Yes
  8. Source code – Yes

9.XML well checker and validator

Use this form to check an XML document for well-formetness and (optionally) validity. External entity references are included, even when not validating.It checks for spaces and syntax errors, while pointing to the line number at which the error was spotted.

10.Robots checker

This tool checks if your Robots.txt file is valid. Thought it may show some exclusions you've done as errors, they are good pointers to check if the commands will be misinterpreted or not. Good one and it is simple,powerful and accurate one.

11.URL checker

While it’s important to know if your website is running and your host is providing a good service, it's even more important to be proactive about getting it back online fast so you don't lose search engine position, miss out on possible revenue or blow.InternetSupervision™ is a service that monitors the availability of HTML, FTP, SMTP, POP3 email servers), supervises the performance of website and e-commerce transactions (including website forms) and provides website content supervision (cyber-attack monitoring).

11.Web page reports

There are various online services offering automated web page checks. pinkjuice.com/check is just a simple tool generating links to the report pages of some of those services, including emulators, validators, and accessibility checkers.And it’s handy to have a list of all the results pages, for example when sending a status report to a client about a website that’s being worked on.

Accessibility and evaluation tools

12.Webaccessibility checker

This tool checks single HTML pages for conformance with accessibility standards to ensure the content can be accessed by everyone. See the Handbook link to the upper right for more about the Web Accessibility Checker.

13.Color contrast

AccessColor tests the color contrast and color brightness between the foreground and background of all elements in the DOM to make sure that the contrast is high enough for people with visual impairments. AccessColor will find the relevant color combination within your HTML and CSS documents rather than requiring you to find each value to input yourself in order to test the contrast between each color combination.

14.Web accessibily evaluation tool-WAVE

WAVE is a free web accessibility evaluation tool provided by WebAIM. It is used to aid humans in the web accessibility evaluation process. Rather than providing a complex technical report, WAVE shows the original web page with embedded icons and indicators that reveal the accessibility of that page.

15.FAE – Functional Accessibility Evaluator

Use this tool to evaluate the functional accessibility of a single web page. It evaluate multiple pages via web crawling,Generate a Sitewide Report that identifies problem pages,Save reports in an account-specific Archived Reports list.

16.Accessibility with style

HERA is a tool to check the accessibility of Web pages according to the specification Web Content Accessibility Guidelines. HERA performs a preliminary set of tests on the page and identifies any automatically detectable errors or checkpoints met, and which checkpoints need further manual verification.

17.Section 508

The Section 508 checking tool automatically compares your HTML code against Section 508 checklist and shows your results quickly.  Results are simple to understand too.

18.Adobe PDF conversion

This conversion service will convert to text Adobe PDF files that are in English.By submitting content through these tools, you understand and agree that Adobe may occasionally access the content you submit for purposes of quality control and administration of the conversion service.

Website performance checkers

19.Pingdom tools

The Full Page Test loads a complete HTML page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loaded in a web browser.The load time of all objects is shown visually with time bars.

20.Webpage analyzer

Free web site speed test to improve website performance.The script calculates the size of individual elements and sums up each type of web page component. Based on these page characteristics the script then offers advice on how to improve page load time

Cross Browser Testing

21.Browser shots

Browsershots makes screen shots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website’s browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to our central dedicated servers for your review.

22.IE net renderer

IE NetRenderer allows you to check how a website is rendered by Internet Explorer 7, 6 or 5.5, as seen from a high-speed data center located in Germany.

23.Viewlike

viewlike allows you to check out how your website looks in the most popular resolution formats. It’s all powered by Ajax & PHP so no need to download anything! To Get started just type your URL in the box above. Free to use!

Which tools do you use for your website? Feel free to share them with us via comments.

10 Most Common Health Hazards of Freelancing

Posted: 23 Jun 2010 03:00 AM PDT

For most of us, freelancing is a dream come true. We work from home, set our own hours and are our own boss. The flip side of this however isn't all that attractive. What we don't realize (read choose to overlook) is that freelancing involves working more hours than a conventional desk job, there's no difference between a weekend and a weekday and there is no paid leave.

This punishing pace of work life affects our health and work habits. This article covers some of the most common Health Hazards of Freelancing that you might be suffering from or may do so in the future.

1. Caffeine Addiction

If after waking up in the morning, your first thought is "Must.Have.Coffee", you're a coffee addict.  You put your java to brew before you brush your teeth and it isn't before your second mug kicks in that you feel able to function normally. And God forbid if for some reason you don't get your caffeine intake, all hell might break lose!

Solution (that is if you want one): If you drink 2 mugs before starting work, change the size of your mug. Your brain will register the fact that you've had 2 mugs and won't be bothered about the quantity all that much.

Brew a smaller amount to last you through the day. Once you know you only have so much coffee, you'll be careful with the intake.

2. Working/Sleeping late

A lot of freelancers are night owls. This might not necessarily be because they function better at night. There's a good chance that this habit formed from working late into the night trying to meet deadlines.

Working late to meet a deadline is fine once in a while but when it becomes the norm you've got a problem.

Solution: Set your deadline a day before the actual one. That way, if some work is still left over, you'll have one more day to work on it.

3. Smoking

Smoking is bad for your health. It's a universal fact. Freelancers who smoke tend to do it more while working. Hey, there's no office policy here to adhere to! As you keep working, you work through your pack of cigarettes too and before you know it, your ashtray is full and your pack is empty and you're still craving a cig!

Excessive smoking brings all kinds of health problems with it – both short and long term. I won't tell you to quit, but I will tell you to smoke less.

Solution: Make your home office a smoke free zone. Throw away your ash trays, and remove every pack of cigarettes from there. If you want to smoke, make it a point to step out of your work space.

If you're in the middle of something and concentrating hard at work, chances are you'll keep delaying going out for a smoke. Before you know it, a project is wrapped up and you haven't smoked in 3 hours!

4. Carpel Tunnel Syndrome

Carpal Tunnel Syndrome is a very real threat for freelancers and a lot of us have been through it. It's caused by repetitive actions and CTS can affect our fingers, wrists and hands. Consider this: We're at our computers for hours at a time, typing. We hit the backspace or delete key countless times, click countless time, and our fingers are poised in one position continuously as we use the mouse.

At its worst, CTS requires surgery to be corrected and has a 6 week recovery period. Can you imagine not working for that long? Who will pay the bills?!

If we don't take preventive measures, we're putting ourselves at a higher risk for Carpal Tunnel Syndrome.

Solution: Exercise your hands after every hour or so. Stretch your arms, flex your fingers and rotate your wrists. Keep a massage ball or a similar hand exercise item at your desk and use it whenever you're thinking or brain storming.

5. Burning eyes

What did you expect after looking at your computer screen all day? Combine that with lack of sleep and your eyes will start burning something fierce!

Solution: Close your eyes for a few minutes and rest them. Take off your glasses if you wear them. Wash your face with cold water or soak some cotton in cold water and press them on your eyes gently.

6. Short Attention Span

This I'll blame on the internet. In order to work, we need to stay connected 24/7. With email, RSS readers, twitter etc we've managed to reduce our attention span drastically. We keep getting distracted by one thing or the other. If it's not email, then it's twitter and if it's not twitter it's going through our favourite blogs and commenting.

Before long, our day is over and we didn't get much work done. The deadline is a day closer too!

Solution: Prioritize. If you need to work, close off everything else. Close your inbox, twitter, and any websites you always keep open.

Divide your work in stages and give yourself breaks when you complete that stage. Check your mail, tweet, facebook or read your favourite blogs then. It's tough in the beginning, but it's doable and yields great results!

7. Back/Neck ache

We're at our desk for most of the day. Sitting in a chair and staring at a screen isn't the most comfortable things to do. After a few hours our neck starts to stiffen and our back begins to ache. We shift in our chair trying to get more comfortable but are too engrossed in our work to notice it. It's only when we're finally getting up from our chair that realization dawns.

Solution: Stretch your neck and back at regular intervals. Get up and move around before coming back to sit. If the back ache gets really bad, try placing a cushion behind your back for added support.

8. Bad posture

After being hunched over your computer for hours daily, your posture is bound to suffer.

Solution: To avoid looking like a hunched up old person, invest in a good ergonomic chair. It'll be expensive but it'll serve you well for years to come. And if you can afford it, get an ergonomic desk too.

9. Stress

Insane amount of work, demanding clients, crazy deadlines and late nights all lead to stress. You might produce your best work under pressure, but if it continues over a long period of time you'll get burned out.

Some stress is good for us. We need to take freelancing seriously in order to produce our best work but if it's giving you sleepless nights and constant headaches, something needs to change.

Solution: Figure out what's the most stressing part of your freelancing. Are you stressing over a certain client? A big project? Whatever it is, identify the culprit and look for ways to eliminate that stress inducing situation.

10. Big bum

Get up and check. You have a big bum don't you? Unless they exercise vigilantly, freelancers tend to gain weight.

Solution: Get off your behind and start exercising. Nothing strenuous, just a few stretches and a walk or a jog is enough to get you back on the road to getting and staying fit.

As a freelancer, I've faced all these hazards except Carpal Tunnel. While I've corrected some, I still struggle with others.

What health hazards do you face as a freelancer?

Comments (0)

Post a Comment