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.
En surveillant mon e-réputation, c’est au détour d’une interview parue sur Pixenjoy que je suis (re)tombé sur une capture d’écran d’octobre 2007 d’une ancienne charte graphique. Ça fait un peu mal aux yeux mais je me souviens avoir eu de nombreuses opinions favorables à l’époque (si, si, c’est vrai) 😉 →
Adding Keyboard Navigation est un tutoriel expliquant pas à pas la mise en place d’un diaporama avec la possibilité d’utiliser le clavier (flèche droite et flèche gauche) pour passer à l’image suivante ou précédente. Chez Remy Sharp, les tutoriels sont vraiment très bien fait. On trouve le tutoriel proprement dit avec les explications de code, la démonstration pour juger sur pièce et le code prêt à être copié-collé, sans oublier les commentaires, souvent utiles.
Comment System with jQuery, Ajax and PHP — L’excellent Srinivas Tamada de 9Lessons nous apprend comment mettre en place un système de commentaires Ajax avec jQuery et PHP. Au menu de ce tutoriel, nous trouvons l’exemple pour créer les tables de la base de données, le code Javascript qui va récupérer les variables saisies par l’utilisateur ainsi que les fichiers PHP nécessaires pour l’affichage, dont voici la démonstration.
Une des forces de jQuery est de permettre le lancement d’une fonction dès le chargement du DOM en mémoire, sans attendre que toutes les images soient affichées, par exemple. Or, il peut justement être intéressant d’attendre le chargement d’un élément précis avant d’agir dessus. Dans le cas d’un traitement spécifique sur une image, il est possible d’utiliser la méthode load() :
jQuery('img.featured').load(function() {
faites quelques chose avec cette image
});Ne pas confondre cette méthode load() avec l’événement load() dans un contexte Ajax.
Genfavicon — Un favicon est une image miniature qui prend place devant l’URL du site consulté dans IE8 ou Firefox et/ou dans les onglets de Google Chrome. Ils sont pratiques pour identifier les sites web que vous consultez lorsque plusieurs onglets sont affichés. Pour réaliser un favicon, n’importe quel éditeur d’image peut faire l’affaire. Toutefois, un générateur d’icônes comme Genfavicon vous permettra de gagner du temps en autorisant le recadrage d’une image distante à partir de son URL ou depuis votre poste de travail. →
DOMAssistant est une bibliothèque Javascript du genre « petit mais costaud » qui pourrait facilement remplacer jQuery pour une grande partie des utilisateurs. DOMAssitant a été créé par Robert Nyman qui a passé la main à Lim Cheng Hong. Le point fort de cette bibliothèque est sa rapidité, sa petite taille et sa modularité : DOMAssistant est segmenté en 6 modules indépendants : →
Juste un mot pour ceux qui suivent js4design à travers leur aggrégateur : je viens de terminer l’intégration du nouveau thème WordPress NoSushaï. Comme je l’ai préciser dans l’annonce faites sur css 4 design, j’ai privilégié la vitesse en évitant les effets : proposer des ressources sur Javascript ne signifie pas qu’il faut en consommer ! Toutefois, j’ai craqué pour la police de caractère FF Nuvo Web Pro de chez FontFont via Typekit.
Dynamic tabs using jQuery est un tutoriel qui montre comment utiliser jQuery pour créer un menu à onglets permettant d’ajouter ou de supprimer des onglets de manière dynamique. La démonstration semble à l’épreuve des balles et adaptée à toutes les situations. Cerise sur le gâteau, l’auteur prend le temps de décomposer son projet pas à pas et pour en expliquer les tenants et les aboutissements. Via taggle.org
Le lancement d’un nouveau blog est un moment délicat dans la vie d’un blogueur. Le risque est grand de ne pas tenir la distance car la régularité s’accommode mal d’un faible nombre de Visiteurs Uniques ou de Page Vues. De ce point de vue, js 4 design démarre doucement mais semble trouver son public. Une chose en amenant une autre, j’ai décidé de lui donner un coup de pouce supplémentaire en l’habillant d’un thème à l’occasion du 77ème jour de sa mise en ligne. →