background preloader

jQuery

Facebook Twitter

jQuery Deconstructed. Jquery. Jquery est une librairie javascript parmis les plus utilisées du moment. Il ne me parait pas utile de démontrer ici que c’est la meilleure, les comparatifs ne manquent pas sur le net. Je dirait simplement qu’elle est pré-intégrée à de nombreux CMS ou frameworks, notamment WordPress ou Zend Framework, ce qui est un gage certain de qualité. Cette librairie permet une manipulation du DOM simplissime, basée sur des sélecteurs de type CSS. Est également inclu une gestion des évènements, des effets et animations, la manipulation de la CSS. Le tout en un langage simple, concis, et très intuitif. De nombreux plugins viennent facilement se greffer dessus, permettant des fonctionnalités très avancées et nécessitant un minimum de développement.

Si vous ne connaissez pas encore cette librairie, je vous encourage vivement à l’essayer. Le site officiel : Un site de référence à la navigation bien plus agréable, et souvent moins surchargé que le site officiel : Ajouter un reflet aux images d’un site : Reflection.js | LE GLOB. Reflection.js est un script permettant d’ajouter un effet de reflet à une ou plusieurs images d’une page Web. Pour le faire fonctionner, il suffit de télécharger le script ici, de placer le fichier “reflection.js” dans l’arborescence de votre site (dans un dossier “scripts” par exemple…) et d’insérer la ligne de code suivante entre les balises <head> et </head> Ensuite, en ajoutant class=”reflect rheightxx ropacityxx” à n’importe quelle balise “img” de votre site, l’effet de réflexion lui sera appliqué ( xx représente la hauteur et l’opacité de l’effet en pourcentage ) – Pour les détails, se référer à la documentation liée au script et disponible sur la page du créateur.

Il existe une adaptation de ce script sous forme de pluggin wordpress : c’est le WP Wetfloor, que j’ai utilisé pour présenter les exemples ci-dessous : class="reflect rheight100 ropacity25" class="reflect rheight25 ropacity100" Jquery UI (User Interface) Il y a environ un mois, j’avais évoqué dans un de mes article Jquery UI. Jquery est une librairie javascript de plus en plus répandue. Jquery UI (User Interface) est une version plus complète de la librairie originale, intégrant les plugin les plus aboutis ayants été développés pour celle-ci.

Je suis actuellement en train de le tester. Ce produit est un des plus aboutis qu’il m’ait été donné de voir ! Jquery UI ne livre pas seulement un pack javascript, mais également une CSS. Les interactions et widgets les plus courants (Draggable, Droppable, Resizable, Selectable, Sortable, Accordion, Datepicker, Dialog, Progressbar, Slider, Tabs …) sont disponibles, et d’une simplicité d’utilisation déconcertante.

La documentation en ligne est bien faite, et le “pack” que l’on télécharge inclut une démonstration de la plupart de ces fonctionnalités. Un petit plus, non négligeable pour les développeurs travaillant avec Zend Framework : cette librairie peut être incluse à ZendX. jQuery: The Write Less, Do More, JavaScript Library. Visual jQuery.