loupe est un plugin jQuery qui permet d’appliquer un effet loupe sur une image lorsque le curseur passe au-dessus. Avec un poids plume de moins d’un kb un fois minifié, ce script devrait trouver une place dans votre boite à outils web. Son utilisation est simple, il suffit d’initialiser le script de la façon suivante : →
Cette liste de liens pour le développeur web front-end et l’intégrateur HTML & CSS est issue de la veille documentée que j’effectue depuis deux ans sur le blog Javascript & Webdesign. Elle reprend les 139 ressources Javascript et jQuery déjà publiées sur ce site, auxquelles j’ai ajouté les 78 nouveaux liens publiés depuis, ainsi que 73 tutoriels pour créer des diaporamas et autres Slideshows. Last but not least, vous pourrez accéder à une dernière liste composée d’une bonne centaine de bibliothèques Javascript (Polyfills) pour émuler HTML5 dans les navigateurs qui ne prennent pas les nouvelles API’s en charge. A quelques exceptions près, les liens pointent directement sur les sources d’origine.
Apple-like Retina Effect With jQuery est un tutoriel qui vous permettra de refaire chez vous l’effet loupe «Retina Display» proposé par Apple sur lav version 4 de l’iPhone. Vraiment bluffant, d’autant plus que le marquage HTML nécessaire est des plus simples : →
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. →
jQuery Magnifier Loupe permet d’effectuer un zoom sur vos images en utilisant (entre autre) l’attribut longdesc pour zoomer à partir d’une miniature (thumbnail). Attention au caractère peu accessible de l’utilisation de l’attribut HTML longdesc prévue à l’origine pour fournir une description de l’image pour les malvoyants. Cela dit, le script ne nécessite pas obligatoirement cet attribut pour fonctionner : il est possible de déclencher la loupe en utilisant la classe .jLoupe sur l’élément img concerné !
