Magnific Popup est une lightbox responsive pour jQuery créée par Dmitry Semenov. Centrée sur les performances, ce plugin offre un rendu optimum sur tout les périphériques. Outre la possibilité d’afficher individuellement des contenus de nature différente (images, textes, vidéo, Google Maps, etc.) dans une lightbox, Magnific Popup permet de créer des slideshows. →
fullsizable est un plugin jQuery qui permet de profiter de tout l’espace disponible à l’écran pour visualiser vos images sous forme de diaporama. Utilise l’API HTML5 fullscreen dans les navigateurs qui le prennent en charge. Voir la démo.
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.
jQuery SuperBox est une lightbox jQuery créée par Pierre Bertet. Accessible (SuperBox est généré grâce à l’attribut rel de votre lien), extensible (sous licence MIT), SuperBox permet d’afficher des images seules ou faisant partie d’une galerie, du contenu chargé en Ajax et last but not least, il est même possible de charger un fragment de la page via une ancre interne pointant vers l’identifiant d’un élément qui sera copié dans la SuperBox. →
jNotify permet de faire surgir une boite pour informer l’utilisateur du bon ou du mauvais déroulement des opérations. Les trois sortes de boites prévues (information, succès et échec) sont totalement personnalisables via les CSS. L’appel des fonctions s’effectue en spécifiant une ligne par type de notification désirée. Il est possible d’appeler une fonction de Callback à votre convenance. Dix options permettent de paramétrer la largeur de la boite, le délai d’apparation, la position, la gestion de l’overlay (couleur, opacité), etc. →
Lightbox sans Javascript — Les Lightbox s’affichent généralement suite à un événement click capturé par Javascript. CSS ne possède pas de pseudo-classe :click, mais cela n’a pas empêché Jérémy Barbe (@capitainemousse) de créer une Lightbox full CSS en remplaçant l’événement click par la pseudo-classe :focus et la propriété tabindex pour permettre aux images d’avoir le «focus». Voir la démonstration. →
jCarousel est un plugin jQuery permettant de contrôler le déplacement horizontal ou vertical d’une liste d’éléments. Les contenus peuvent être composés de HTML statique ou chargés à la volée via Ajax ou tout autre manipulation du DOM. Le scroll peut s’effectuer en avant, en arrière avec ou sans animation. →
Lightbox_me est un plugin jQuery qui vous permettra d’afficher n’importe quel élément avec un effet Lightbox sobre et efficace. 14 options sont disponibles pour ajuste l’overlay selon vos besoins. →
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. →
Sliding Panel Photo Wall Gallery est un tutoriel qui explique pas à pas (CSS, script jQuery) comment réaliser un mur d’images miniatures qui prennent toute la place de l’écran lorsqu’on clique dessus. →
