jQuery Form Plugin permet de manipuler et de gérer l’envoi de données d’un formulaire HTML en Ajax. Les méthodes ajaxForm et ajaxSubmit rassemblent les informations de votre formulaire pour déterminer comment gérer le processus d’envoi. Ces méthodes comportent de nombreuses options pour contrôler la manière dont sont envoyées les données.
Perfect signin dropdown box likes Twitter with jQuery est un tutoriel qui explique comment faire un bloc de login dynamique comme celui qui se trouve sur la page d’accueil de Twitter. Il suffit d’un formulaire HTML, d’une bonne pincée de CSS et d’une rasade de jQuery. Via Path-Tech.
Webform to wizard est un plugin jQuery qui découpe les formulaires longs et ennuyeux en «assistant» en suivant les contours des balises HTML fieldset. Les boutons Back et Next pour passer d’une partie à un autre sont ajoutés sans marquage supplémentaire au niveau de l’intégration. →
Michel L’Huillier nous propose six bouts de code pratiques pour manipuler les éléments select et input avec jQuery : récupérer la valeur ou faire passer le texte d’une ou plusieurs options sélectionnées ; utiliser des éléments option sélectionnés dans des instructions conditionnelles ; supprimer un élément option ; déplacer des options d’une liste A vers une liste B. Les snippets sont suivis d’une Cheat Sheet concernant les élements select et input.
Uniform est un plugin jQuery dans la lignée de jqTransform pour ajouter du look and feel aux rugueuses cases à cocher, aux boutons radio anémiques, sans oublier les spartiates boutons Parcourir… qui donneraient presque envie de se mettre à Flash 😉 Uniform masque les éléments de formulaires standards et ajoute une surcouche plus élégante. Fonctionne comme les vrais éléments de formulaires remplacés pour assurer une compatibilité et une accessibilité correcte. Compatible avec Safari 3+, Firefox 3+, IE7+ et Chrome (pas IE6, donc).
jqTransform est un plugin jQuery qui améliore légèrement — mais sûrement — l’apparence des formulaires web en gardant l’essentiel : les formulaires ressemblent toujours à des formulaires ! Les champs text voient leurs coins légèrement arrondis, ainsi que les case à cocher avec une coche du plus bel effet. Les boutons radio et les menus select sont eux aussi légèrement stylés.
Disable On Submit est un plugin jQuery qui désactive le bouton Submit une fois que le formulaire a été envoyé une première fois. Testé sur IE6+, FF3, Opera 9, et Safari 4. L’utilisation est très simple, puisqu’il suffit de :
$(function(){
$('form').disableOnSubmit();
});Via jquerylab.
Samuel Le Morvan propose sa version accessible des systèmes de notation par étoiles qui ont fleurit après la rosée du web 2.0. Le tutoriel démarre avec les bases du HTML — en l’occurence un formulaire à base de bouton radio et de label — afin d’être utilisable par le plus grand nombre en l’absence de toute mise en forme CSS ou javascript qui font leur apparition dans un deuxième et troisième temps.
jQuery-Accessible-RIA est une Collection de plugins pour jQuery repensés pour être conformes aux normes régissant l’accessibilité sur le web (WAI) : WCAG 2.0 et ARIA. Initialement développé pour améliorer les bonnes pratiques de développement front-end chez Namics, le pack se concentre sur les besoins récurrents en webdesign : lightbox, validation de formulaires et menus à onglets accessibles sont prêts à l’emploi. Via Web CSS Design.
Cette liste de ressources devrait rendre de grands services à l’intégrateur HTML & CSS ainsi qu’au développeur web. en effet, vous y trouverez : un générateur de miniatures pour la page d’accueil de votre blog WordPress ; des outils pour valider l’ensemble de votre site ; un fichier PHP pour gérer votre base de données et des plugins jQuery tous plus intéressants les uns que les autres, etc. Il s’agit du meilleur des bons plans que je propose sur mon compte Twitter integrateur_css. Stay tuned and mind the gap! →