Posts Tagged ‘Validation’

After creating a website, one of the first things done is to run W3C validators to see if we coded HTML-CSS according to web standards.

But, although it is easy to perform this task for a website with few pages, this is pretty difficult and time-consuming for any larger sites.

Simply Testable is a free-to-use web application that automates the HTML validation part by validating all the pages of a website.

Simply Testable

The test process is displayed live (how many pages are checked , how many are queued, etc.) and a report is generated once the test is completed.

Reports include any errors for each URL with explanations so that we can easily go through them and fix each.

P.S. CSS validation and JavaScript static analysis is a planned feature.

There are various form validation plugins for jQuery and very good ones exist between them.

Many of them have lots of features and, if you are looking for a simplistic one, Happy.js can be a good alternative.

Happy.js - jQuery Form Validation Plugin

The plugin is lightweight and supports few input validations by default (required, date, number, e-mail, min/max and phone number). But it can be extended so easily by adding few lines and the regex for the rule you want.

Its styling in case of an error is smartly thought. Any non-validated elements get a custom class. Also, a <span> element is added for each non-validated item so that an error text can be displayed.

And, Happy.js works with Zepto.js as well.

For the last few months, with Devrim,  we were very busy working on a new project which focuses on easing the web development tasks of any web person (so, the title is a little self-promotion but not an exaggeration -: )-).

It is called ioDeck and launched, built with PHP and it is installed into (runs from) a single website and serves its features to any number of websites.

Like said, it focuses on easing web development tasks and we started simplifying the biggest headache for many: forms (the most simple looking yet complicated web elements).

PHP Form Builder - ioDeck

Creating a simple form is not a big deal but integrating validations (on the client-side and server-side), sending the contents via e-mail, recording it to a database and having an interface for viewing them later requires serious effort. And, if this form has many fields (like a HR form), this gets worse.

ioDeck is an intuitive form builder where a form of any type can be created within seconds. It simply allows you to insert form elements (textfields, radio buttons, select boxes, buttons, etc.), set the validations, re-order the items with drag 'n' drops and build any simple-to-complicated form so quickly.

There are many built-in validation rules (required, e-mail, URL, min, max..), they are validated both with JavaScript + PHP and there is support for reCaptcha for spam protection.

ioDeck Form Builder

You can also define the default values of a field and set a CSS class for it to customize it.

ioDeck is so good in notifying users when a form is submitted. It can send the notifications via e-mail (with PHP mail() or SMTP authentication), Twitter and Facebook. Btw, you can create and customize the templates of these notifications so they look exactly as you want and reflect your brand.

Also, forms can display a custom message and redirect to a given URL after submissions.

Once the form creation is complete (it really takes seconds, give it a try in the demo), we can go to the embed menu and select its look from a list of styles (the forms HTML structure uses Twitter Bootstrap's form structure which is so flexible to customize). Or select a bare-bones version to customize it yourself completely.

After that, simply choose the embed method that fits to you the best:

  • a shortened URL to the form (in case you want to share the form via Twitter, e-mail, etc.)
  • embedding via JS or iFrame
  • getting the HTML code of the form (for max customization)

And, voila! A fully-functioning, customizable and secure form is ready for collecting submissions.

ioDeck Dashboard

When a submission occurs, you (+ your customers, friends..) will be notified, these submissions will also be stored and can be viewed from ioDeck anytime.

As mentioned in the beginning, ioDeck will ease multiple tasks. Forms was the 1st app, 2nd app will be Newsletter for sending unlimited newsletters to your lists (and e-mail fields of forms). Let's keep the 3rd app as a surprise. ioDeck is priced $69 one time fee (no monthly payments), a "use it forever" license and comes with 6 months of free upgrades + support. And, any future apps will have their own prices.

P.S. By clicking the "Demo" in ioDeck, you get a full-featured custom installation that will be available for 48 hours so that you can play with it.

Early Birds Special For WebResourcesDepot readers

First of all, thanks very much for being an awesome reader of WRD.

And, here is an "Early Birds Discount Link" for WRD readers that will bring down the price to $59 for the next 1 week.

Looking to hear your feedback and have a great day!

The official W3C validator is a great place for checking if our website's HTML/XHTML is standards compliant. However, it can validate a single URL at a time.

W3Clove is a free to use web service which crawls any given website to generate the sitemap of it (or accepts sitemaps directly) and validates each URL through the W3C's validator.


The errors and warnings for each URL is stored and displayed as a list. And, it compiles a basic report of the most common errors and warnings as a summary.

W3Clove also remembers the recent checks you have made and present them to you quickly.

Free CSS Toolbox is a software that can save time of a web designer.

It is a set of tools that will help you in almost any process related to CSS.

Tools include:

  • Simple CSS Editor
  • CSS Formatter / Beautifier
  • CSS Compressor
  • W3C CSS Validation Service Intergration

Free CSS Editor - Compressor

The software is very easy to use as it is straight-forward.

Syntax checker of the editor saves time specially for fast CSS coders & the CSS beautifier works pretty well.

Currently, it only works in Windows environment.