hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


iziModal.js - Un plugin jQuery de fenêtre modale vraiment dynamique

La plupart des fenêtres modales semblent distraire et ennuyer le visiteur avec des champs opt-in et des offres non désirées . Ces modaux prennent souvent toute la page, ont l'air terrible, et n'offrent pas un moyen clair de fermer la fenêtre. Heureusement, iziModal.js est exactement le contraire.

C'est l'un des plugins de fenêtre modale les plus élégants que j'ai jamais vu et ça m'excite d'interagir à nouveau avec les modaux.

iziModal.js est un plugin jQuery donc vous avez besoin d' une copie de la bibliothèque jQuery pour que cela fonctionne. Mais c'est assez léger et vous pouvez même inclure la bibliothèque externe de CDNJS.

Notez que ce plugin est livré avec beaucoup d'options différentes . Vous pouvez passer des options pour définir la taille du modal, le type de cadre et l'animation . Mais vous pouvez également créer des fonctions de rappel si l'utilisateur ferme un modal ou clique sur un élément spécifique.

Vous pouvez trouver plein d'exemples sur CodePen mais j'aime vraiment les démos hébergées sur la page d'accueil d'iziModal . Plus précisément, consultez l' option d'intégration iframe dans laquelle un lecteur Vimeo autoplay est mis en file d'attente dans le modal.

Le design est magnifique et le modal a vraiment l'impression de faire partie de l'interface . La qualité de l'animation est également impressionnante, et tout fonctionne avec CSS3 et jQuery .

Sur la page principale du plugin, vous trouverez également des tables de documentation avec des extraits de code pour chacune des démos disponibles. Voici le code le plus court à utiliser pour une fenêtre contextuelle modale.

 $ (document) .on ('click', '.trigger', function (événement) {event.preventDefault (); $ ('# modal'). iziModal ('open');}); 

La fonction iziModal() dispose de plus de 45 options différentes qui peuvent être transmises pour personnaliser la fenêtre modale . Il a également des événements personnalisés qui peuvent déclencher des fonctions comme quand un modal s'ouvre, se ferme ou passe en plein écran.

C'est un projet incroyablement massif et c'est facilement l'un de mes plugins de fenêtre modale préférés du point de vue design et convivialité .

Pour récupérer une copie de la source, vous pouvez la récupérer via npm ou la télécharger depuis GitHub . Et si vous avez des suggestions sur le plugin ou si vous voulez juste partager vos remerciements, vous pouvez tweeter le créateur Marcelo Dolce @marcelodolce.

55 thèmes WordPress Fresh & High Quality

55 thèmes WordPress Fresh & High Quality

WordPress est le système de gestion de contenu le plus fiable et le plus recherché et il y a une bonne raison à cela. Il offre un éventail de fonctionnalités que tout le monde peut gérer le contenu de leur site Web grâce à cette plate-forme facilement. Cela est particulièrement vrai pour les thèmes WordPress de 2017, car il y a tellement de fonctionnalités et fonctionnalités qui peuvent faire ressortir votre site web en un rien de temps .Mais quand

(Conseils techniques et de conception)

Le cadre d'hélice associe Bootstrap et Google Material Design

Le cadre d'hélice associe Bootstrap et Google Material Design

L'immense popularité de la conception matérielle de Google ne devrait pas surprendre. Il fait partie d'un style d'interface utilisateur moderne se concentrant davantage sur le design plat avec un accent sur les modèles UX et d'utilisabilité .En prenant les concepts de conception matérielle et en les ajoutant à Bootstrap, nous obtenons le framework Propeller .Ce fr

(Conseils techniques et de conception)