jQuery Masked Input Plugin est un script qui devrait vous servir un jour ou l’autre : il crée des masque de saisie sur les champs de formulaires. Très utile pour limiter la saisie à des chiffres ordonnés d’une certaine manière comme (___) ___-____ x_____ par exemple.
Masked Input est disponible sur Github.
Via @SebastienMenu o/
La périodicité du blog est devenue irrégulomadaire à tendance bimensuelle… Malgré tout, je tiens à partager avec vous les fruits de la veille. Dans le panier : des trucs sympas et pratiques pour WordPress ; un plugin pour splitter du contenu avec jQuery ; des formulaires HTML plus efficaces ; une astuce toute simple pour connaitre personnellement vos visiteurs via Google Analytics, quelques liens pour compresser et organiser vos CSS et tout un tas d’autres choses dont l’énumération serait longue et fastidieuse. →
WordPress offre un environnement de publication complet, prêt à accueillir vos textes, vos images et les commentaires des lecteurs, dès l’installation. Cet aspect «Prêt à Publier» n’empêche pas d’avoir envie d’ajouter ou d’étendre les fonctionnalités du CMS grâce aux extensions qui s’installent en deux clics depuis l’interface d’administration. Parmi les quelques 15 000 plugins disponibles, voici les 11 que j’installe le plus souvent au lancement d’un site WordPress, et ceux que j’utilise moins souvent. Voici le sommaire complet des 26 articles de WordPress de A à Z. →
jQuery-Placeholder permet d’utiliser l’attribut de formulaire «placeholder» dans les navigateurs ne prenant pas en charge HTML5. Cet attribut affiche une courte description ou une brève indication de la raison d’être du champs de formulaire en question : «Un Email valide, de préférence !» ou «N’oubliez pas http://», etc. Il ne se substitut pas à la balise label qui indiquerait «Votre Email» ou «Votre site web» (1). →
jQuery radioSwitch est un plugin créé par Ammon Casey dont l’objectif est de transformer des boutonsradio HTML en superbes Sliders d’un coup de magie CSS3 et Javascript. Il suffit d’envelopper les boutons radio avec un container sur lequel s’effectuera l’appel de la fonction. Chaque bouton radio doit posséder un label avec l’attribut for pointant vers l’identifiant du bouton correspondant. →
Dans jQuery Events: Stop (Mis)Using Return False, Douglas Neiner nous explique, avec moult exemples, toutes les subtilités relatives aux événements dans jQuery. Une des premières choses que l’on apprend en Javascript est d’empêcher les comportements par défaut liés aux liens ou aux formulaires (le lien sur lequel on l’applique n’est pas suivi par le navigateur, le formulaire ne « submit » plus, etc.).
Fancy Sliding Form — Ce script jQuery découpe un formulaire en autant de parties qu’il contient de fieldset, accessibles via un menu qui les fait apparaitre sous forme de Slideshow. Cerise sur le gâteau, un symbole apparait sur chaque entrée de menu si les champs n’ont pas été renseignés. Ce tutoriel explique chaque étape : le marquage HTML, les feuilles de style CSS et le code Javascript. Jetez un oeil sur la démonstration. Via @LaFermeDuWeb.
Cette liste de liens pour le développeur web front-end est issue de la veille documentée que j’effectue sur Javascript & Webdesign — Les meilleures ressources Javascript pour développeurs web front-end (avec parfois un soupçon de PHP) — depuis plus de 6 mois. A quelques exceptions près, les resssources pointent directement sur les articles d’origine. La liste est affichée dans l’ordre où j’ai rédigé les billets : les plus anciens en premier par paquet de 10 pour aérer la lecture parce que vous le valez bien. →
Formbuilder — Trois étapes suffisent pour créer des formulaires en éliminant la phase de codage HTML : il suffit de cliquer sur les éléments que vous voulez, personnaliser les labels et renseigner les valeurs par défaut. Il est possible de modifier l’ordre des éléments après leur création par glissé-déposé. Enregistrez, c’est gagné ! →
