29
fév

Validation plugin (Jquery OU Scriptaculous ?)

Alors voici enfin ce que je cherchai depuis un moment.

logo prototype   VS    ?

    Habitué à utiliser Really easy field Validation (REFV pour nous ) avec prototype et scriptaculous, je m’attachai à ce plugin pour rester sur scriptaculous.

 

En effet, il est très simple à utiliser et facilement adaptable, paramétrable, couplé avec juste Prototype et Effects.js de Scriptaculous pour les tests et les effets d’apparition des messages d’erreur.

 

Facilement adaptable, vous pouvez consulté un exemple ici en anglais sur la demo de l’auteur  (telechargement)

ou  en francais sur un site client récent (pas de spam s’il vous plait)

Ses Avantages…

  • Des effets d’affichage des erreurs superbes, sobre mais efficaces.
  • facilité d’adaptation (ajout de types de test temporaires intégrable facilement dans la page ou généraux dans le fichier source)
  • permet la validation javascript des champs lorsque le champs perd le focus ou au submit du formulaire
  • une source legere

Mais alors allez vous me dire, comment ca marche ?

C’est simple, tout d’abord pour chacun de vos champs vous fixez une class css correspondante au type de test requis.

 

<input type="text" name="fax" class="none validate-telephone"/>
 

Ensuite vous donnez un identifiant au formulaire ( par expérience toujours le faire dans tous les cas ;) !)

et enfin, à la suite du formulaire

 

<script type="text/javascript">
	function formCallback(result, form) {
	}
	var valid = new Validation('id_form', {immediate : true, onFormValidate : formCallback});
</script>

  

    Qu’est ce que je découvre aujourd’hui ? un plugin similaire (néanmoins plus puissant) existe aussi avec Jquery Jquery Validation Plugin !

 

Brièvement ? Ben c’est pratiquement le même principe, les mêmes options de bases,  + ?

Eh bien ses avantages :

  • Reprend les mêmes options que celui utilisant Prototype
  • Ajoute la validation sur l’évenement ‘onchange’ (peut être pratique, croyez moi)
  • Ajoute la possibilité de mettre un Capcha
  • Ajoute la possibilité de valider un champs en ajax par la balise remote ( par exemple vérifier que ce mail n’est pas pris !)
  • Et cela me libère de scriptaculous ;) je vais enfin pouvoir tester JQuery, sachant que la communauté est  beaucoup plus dynamique et que le nombre de plugins disponibles est… faramineux !

 

La démo et téléchargement sur le site de l’auteur

 

 

27
fév

IUI (User Interface Library for Safari )

En cherchant à adapter un site web d’un client au navigateur d’iphone, je suis tombé sur ce projet.

 

iui logo  Projet IUI

Ce SDK simule à merveille l’environnement javascript et d’interface du petit bijoux d’apple.

C’est un projet open source bien sûr ..

Download It !

 

Vous pourrez alors réaliser très facilement des interfaces de ce type :

sudoku

 

 

16
fév

Apache alternative : Lighttp, the fast web server

Comme tout bon adminstrateur système, vous avez choisit une solution LAMP (Linux+Apache+Mysql+Php) pour héberger votre site web ?

Et bien, j’ai une solution solide pour réduire par 2 ou 3 le temps de chargement des pages : Lighttp (prononcez "Lighty)

 

Sur notre site web www.lavf.com, et après bien des optimisations, les temps de chargement étaient de l’ordre de 6 secondes : inacceptable pour un site à forte audience !

Nous avons donc testé lighty et le résultat est vraiment hallucinant, le temps de chargement est passé de 6 secondes à 2 ou 3 secondes pour la homepage !

 

Alors, vous allez me dire, oui mais je fais du rewriting avec apache, j’ai des alias, des virtual hosts,.. Et bien nous aussi et ça marche du feu de dieu !

Nous avons pu mettre en place très aisément un load balancing qui se révèle extremement efficace lors de pics d’audience, c’est redoutable :)

 

Je vous invite donc à vous rendre sur http://www.lighttpd.net/ pour télécharger ce serveur web et attardez-vous sur les références qui ont déjà opté pour  lighty : youtube, wikipedia… C’est pas anodin quand même !

 

Si vous souhaitez plus d’éléments techniques sur la config, faites moi en part dans les commentaires et je prendrai le temps de vous expliquer les différents paramètres pour mettre en place telle ou telle fonctionnalité.

 

Bon lighty à vous !

03
fév

FaceBook Like – jQuery and autosuggest Search Engine

Download It !

 

Je vous présente ici module permettant de mettre en place un moteur de recherche style "FaceBook" avec autocomplétion.

 

Ce module s’appuie sur les librairies de jQuery, ainsi que sur le module d’autocomplétion ‘Bsn Autosuggest".

 

Côté customisation, on peut s’appuyer sur des plugins de recherche qui permettent de catégoriser les résultats de recherche.

 

=> Exemple : http://web2ajax.fr/examples/facebook_searchengine/

 

Have Fun !