Avec jQuery Image Cropper l’utilisateur peut uploader une image et sélectionner la zone de recadrage puis sélectionner le répertoire pour enregistrer deux images : une au format 100×100 et une miniature de 50×50. Le script est facilement modifiable pour personnaliser les dimensions et la taille maximum des images traitées. Via Restez connectés !
L’élément select, comme la plupart des éléments de formulaires, sont difficilement personnalisables, surtout si l’on espère une relative homogénéité de rendu entre les navigateurs. jQuery UI Selectmenu fournit une alternative pour personnaliser et configurer ces satanées balises select. Vous pourrez adapter le comportement et l’apparence pour maximiser l’expérience utilisateur, tout en respectant une logique d’enrichissement progressif compatible avec les spécifications ARIA.
Le PHP regorge de fonctions très pratiques qui n’ont pas forcément d’équivalents en Javascript. La librairie PHP.JS est un projet open source à l’initiative de Kevin van Zonneveld dont le but est de transposer une grande partie des fonctions PHP en Javascript. Rien de tape-à-l’oeil, mais juste la possibilité d’utiliser en Javascript des fonctions PHP avec leurs qualités et leurs défauts, ce qui n’est déjà pas si mal ! Cerise sur le gâteau, il est possible de configurer son package fonction par fonction pour optimiser le poids du fichier Javascript.
jsbin est un outil en ligne créé par Remy Sharp pour tester du code Javascript et le partager. Très pratique pour rechercher des bugs de manière collaborative grâce une l’URL courte que vous partagerez autour de vous. Cerise sur le gâteau, les bibliothèques jQuery, jQuery UI, Prototype, Scriptaculous, YUI, Mootools, Dojo et Ext JS sont prêtes à l’emploi et il est possible de tester Ajax.
Cet excellent tutoriel montre pas à pas comment créer un slider permettant d’afficher un historique progressif à la manière de la fonction Playback de Google Wave. Ca commence par le marquage HTML, l’ajout des CSS, le PHP, la base de donnée MySQL, l’ajout des commentaire via Ajax et pour terminer, le code Javascript utilisant jQuery. Via Restez connectés !
Voici un diaporama de très bonne facture qui fera le bonheur de tous. Le contenu de chaque diapo peut être réalisé à l’aide du composé HTML de votre choix (texte, images, etc.) et chacune d’elle peut être directement accessible via un système d’onglet. Mais trêve de bavardage, je vous laisse avec la démo, le lien de téléchargement et l’exemple d’appel du slideshow avec ses paramètres : →
On dit souvent qu’une fois maitrisé un langage de programmation, on peut attaquer les autres facilement. Dans les faits, c’est plus compliqué : chaque langage possède une philosophie qui lui est propre et à laquelle il faut s’adapter pour en tirer le maximum. C’est bien évidemment le cas avec Javascript et les frameworks JS n’échappent pas à la règle. →
Unobtrusive Date-Picker est un sélecteur de date qui affiche un mini calendrier pour afficher automatiquement une date formatée dans un ou plusieurs champs input. Parmi les plus de cette solution : l’accessibilité (navigation au clavier, ARIA, etc.) et l’internationalisation soignée. →
FireFinder est une extension pour FireFox créée par Robert Nyman. Le plugin vient se greffer sur l’indispensable Firebug pour sélectionner et interagir avec les éléments de la page via les sélecteurs CSS ou les expressions XPath. FireFinder est très utile également pour tester les sélecteurs CSS en direct live en gardant un oeil sur les modifications qui s’effectuent sur la page.
Javascript Framework Matrix — tableau comparatif des principaux frameworks Javascript : jQuery, Mootools, The Dojo Toolkit, Prototype, Script.aculo.us, Ext JS, Adobe Spry, BBC Glow et Yahoo! UI Library.
Les exemples concrets de codes permettant de se faire une idée de la syntaxe et de la philosophie adoptées par ces frameworks : General, DOM Ready, DOM Basics, DOM Filtering, DOM Manipulation, Effects, Transitions, Events, Custom Functions, Ajax et Classes. Via LudiBlog.
