Popups modales Javascript : le fer de lance du web2.0
Que celui qui n’a jamais vu de popups modales lui jette la première pierre ! Personne ? Je m’en doutais, tout le monde les côtoie tous les jours. Tous les sites à la mode en affichent à tour de bras : pour des formulaires d’authentification ou de saisie de commentaire, des photos, des vidéos… Bref, on nous les sert à toutes les sauces.
Pour les rares d’entre vous qui ne connaissent pas (ou qui ne voient pas de quoi il s’agit), une popup modale est une popup qui s’ouvre, au premier plan, dans la fenêtre active et qui bloque les actions de l’utilisateur (clics, saisies au clavier) en arrière-plan (zones de la page en dehors de la popup).
En tout cas, moi j’aime ! Je trouve que ça a tendance à alléger le design tout en s’intégrant bien et surtout cela améliore l’ergonomie.
En voici un bel exemple d’utilisation, capturé sur le site maville.com, où en plus de la bonne intégration, la popup est bien travaillée et complète.
En plus, du point de vue du développement, ces popups modales s’intègrent en général très facilement et il existe de nombreuses ressources adaptées à différents cas d’utilisation :
- LightBox : il s’agit sûrement du plus connu de ces systèmes. Il ne permet cependant d’afficher que des images. L’avantage de ce script est qu’il bénéficie d’un nombre important d’effets de chargement et de transition entre images…
- ThickBox : ThickBox est une « version étendue de LightBox » qui permet pour sa part d’afficher de façon modale des formulaires, des iframes….
- il en existe encore de nombreux autres tels que : HighSlide JS, SlimBox, Sexy Lightbox, ClearBox, VideoBox, ModalBox, Lightview…
Pour finir, je vous laisse cet article intéressant qui recense 8 de ces systèmes, tous basés sur du Javascript : 8 popups modales en Javascript
Liens :
8 popups modales en Javascript
MaVille.com
En savoir plus :
Ecrire un commentaire