18 Impressive Web Form Validation Scripts to Enhance User Experience

Le Top 100 du Web 2009 par le magazine Cent News : http://bit.ly/22EhHl

Devant l’utilisation au sein même de mon entreprise actuelle, leader dans les assurances et donc pas forcément porté vers les nouvelles interfaces web enrichies, voir cette nouvelle interface m’a étonné.  Même si ’interface riche apporte beaucoup (plus d’un point de vue graphique que fonctionnel), on peut considérer que l’utilisation des carrousels d’images n’est plus un courant émergent et devient une mode…

A ce titre, je vous conseille un excellent article sur l’utilisation et l’engouement croissants des carroussels sur le web.

Webdesignerdepot a recensé une cinquante de sites ayant la particularité d’être construit sur une charte graphique monochromatique.

Les formulaires de contact sont le lien le plus direct entre les internautes et les responsables de site, qu’il s’agisse de site ecommerce ou de blog.

Pour créer une expérience utilisateur, je vous propose de découvrir ces 16 exemples ainsi que leurs sources. Ces exemples sont des preuves que visuellement il est toujours possible de faire mieux afin d’améliorer le confort d’utilisation de l’internaute.

Selon vos besoins (frameworks Js ou autre), vous pourrez utiliser l’un de ces 16 formulaires Ajax libre de droit, facilement utilisable sur votre site.

LightForm – Ajax / PHP Contact Form – Demo

Il utilise FormCheck2 pour la validation des champs et NiceForms.

Proto Form – Contact Form With Protoype

A lightweight (only 4KB) & unobtrusive contact form that is built with Prototype.

jQuery – Ajax Contact Form (Tutorial & Files) – Demo

A very nice tutorial from Nettuts on creating an Ajaxed contact form with jQuery & PHP.

The form has an input validation. After the message is sent in th ebackgroung a “success” message is displayed to the user.

Very Chic Contact Form (English version) – Demo

This contact form uses Script.aculo.us & WForms.

An unique feature of it is, it tries to connect to the server of the sender to verify that it accepts mail to the address mentioned.

Message size can be limited and remaining characters are displayed in a box.

jQuery Sliding Contact Form – Demo

A sliding contact form built with jQuery. Form is normally hidden at the top & slides down with the first click & up at the 2nd click.

There is no form validation & mail sending code included.

Brett’s Beta Contact Form

A contact form that checks the validity of the fields & sends the e-mail accordingly. It is not updated for a while but the form works ok.

roScripts Form – MooTools Ajax Contact Form – Demo

This contact form is built with MooTools. Fields are validated via JavaScript & if there are no errors e-mails are sent with an Ajaxed interface (PHP backend).

Ajax Contact Form With Xajax & PHPMailer – Demo

A simple and safe Ajax form. A JavaScript validation mechanism controls the fields & displays a common warning for all fields.

Ajax function used is Xajax & the famous PHPMailer is used for sending the e-mail.

jQuery – Ajax Contact Form – Demo

This Ajaxed contact form uses jQuery & the jQuery Form plugin for input validation.

Inputs are sanitized for the form being safe. A success or an error message is displayed after the form is submitted without leaving the page.

Contact Form With Script.aculo.us & WForms – Demo

A nice & free contact form script that can do required input validation by adding a class info to the form elements like: class="required".

Script.aculo.us is used for the “info box & text appearing effect” & WForms is used for controlling the inputs.

Ajax Contact Form With PHP & jQuery (Tutorial) – Demo

An unobstrusive contact form that has a PHP backend & uses jQuery.

It controls the required fields, displays warnings accordingly & sends the email with no page refresh.

A nice thing about this ajax contact form is, inputs are validated at the PHP side which means they will be controlled even if JavaScript is disabled.

Fancy Ajax Contact Form (French – Click For English)

This form is built with MooTools with a PHP backend.

It has a very nice look & there is no validation implemented.

MooTools Contact Form

A contact form built with MooTools.

Input is checked via JavaScript & PHP. Message field does not accept any http addresses considering most spams reach this way.

jQuery Contact Form – Demo

This form checks the fields to see if they are valid, displays an error if there is a problem & sends the message as an e-mail when everything is ok. E-mail is sent via a PHP file with no refresh.

The script is normally an e-mail sending form which can easily be modified to turn it into a contact form.

Tableless Ajax Contact Form With jQuery (Tutorial & Files) – Demo

A nice contact form that uses jQuery & PHP.

It validates all the inputs, displays warnings when needed & sends the e-mail.

Easy Ajax Contact Form (jQuery) – Demo

Using jQuery & the jQuery Form plugin, this ajax contact form script validates inputs & sends the e-mail.

Microsoft Silverlight ( Silverlight 2 RC 0) et Adobe Flash en comparaison par l’exemple : Flash vs. Silverlight Gallery.

Choisir un moteur de blog peut s’avérer compliqué, vu l’offre actuelle. Entre les solutions de blogs et autres CMS, on ne sait le(s)quel(s) choisir… Faire ce choix est donc assez compliqué, c’est pourquoi je vous propose ce test grandeur nature sur smashingmagazine.com

Dzineblog presente les 10 plus créatifs des portfolios de designers d’aout… Let’s get rumble !

1. Danil Kryvoruchko

2. Drew Flaherty

3. Maciej Hajnrich

4.Tesis Albers

5. Jurryt Visser

6. kamilk

7. Loic SATTLER

8. Tom Lane

9. Ee Venn Soh

10. Mr.Xerty

Source : http://dzineblog.com/

Un article très intéressant relayé par des designers qui donnent leurs best practices pour s’améliorer chaque jour

20+ Inspiring Pixel Artists, Tutorials, and Resources

Let’s take a look at some of the top pixel art studios and artists that will leave your mouth dripping with wet little squares. Then we’ll review a wide range of beginner to comprehensive pixel art tutorials.