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


Overhang.js - Un plugin jQuery pour les messages de notification Dropdown

À quel point les boîtes d'alerte JS par défaut sont-elles ennuyeuses? Ils se sentent comme une relique d'une ère révolue du développement web.

De nos jours, nous pouvons faire des messages de notification discrets qui partagent la même information mais n'interrompent pas l'expérience de l'utilisateur . Et c'est exactement ce que vous pouvez faire avec overhang.js .

Ce plugin jQuery gratuit peut ajouter des barres de notification personnalisées qui descendent du haut de l'écran. Ils sont positionnés via CSS et animés avec JavaScript, de sorte qu'ils peuvent descendre d'un point fixe en haut quelle que soit la longueur de la page .

Vous pouvez créer des messages qui se ferment automatiquement après un certain temps, ou d'autres qui nécessitent une intervention de l'utilisateur .

Les messages peuvent relayer le succès, l'échec, l'erreur ou des notifications simples avec des informations sur l'utilisateur ou la page. Les messages peuvent également avoir leurs propres boutons oui / non pour poser aux utilisateurs des questions comme une alerte rapide JavaScript.

Il y a même une option pour créer des invites qui déroulent avec un champ de saisie . Ce serait parfait pour un formulaire d'inscription par e-mail.

Overhang.js prend en charge tous les principaux navigateurs supportés par jQuery et il est également alimenté par jQuery UI pour les fonctionnalités animées.

Avec les bibliothèques de l'interface utilisateur jQuery & jQuery, vous devez également inclure un fichier CSS personnalisé avec le plugin. Vous pouvez toujours fusionner ceci avec la feuille de style de votre site Web pour réduire les demandes HTTP.

Chaque appel effectué à la méthode overhang() peut prendre n'importe quel nombre de paramètres . Ceux-ci sont appelés "options" et ils vous donnent un contrôle total sur chaque boîte de notification.

Vous pouvez modifier la vitesse d'animation, la durée, l' accélération et la taille / couleur de la boîte, ainsi que d'autres caractéristiques de conception.

Voici un exemple d'extrait montrant comment créer une boîte de confirmation :

 // Une confirmation $ ("body"). Overhang ({type: "confirm", yesMessage: "Yes please!", NoMessage: "Non merci."}); 

Vous pouvez voir que c'est assez simple et cela ne nécessite pas beaucoup de code jQuery .

Pour télécharger une copie du plugin, vous pouvez visiter le repo sur GitHub où vous pouvez également parcourir les fichiers source directement. Ou, si vous voulez voir plus d'exemples en direct, rendez -vous sur le site Web Overhang.js.

Tuesday.css est la bibliothèque d'animation la plus chaude en ce moment

Tuesday.css est la bibliothèque d'animation la plus chaude en ce moment

A présent, vous devriez déjà être familier avec Animate.css en tant que bibliothèque d'animation principale parmi les concepteurs de sites Web.Mais il y a un nouveau mec sur le bloc nommé mardi, et il prend l'animation web par la force .Cette nouvelle bibliothèque n'est pas très différente dans le format ou l'implémentation. Mais mar

(Conseils techniques et de conception)

Micon - Une police d'icônes Windows 10 pour les concepteurs Web

Micon - Une police d'icônes Windows 10 pour les concepteurs Web

La refonte pour Windows 10 est venue avec de nombreuses nouvelles fonctionnalités et un tout nouveau look. L'un des plus grands changements est venu au style d'icône, en particulier par rapport à Windows 7 et XP.Merci à l' ensemble Micon, vous pouvez maintenant apporter des icônes de style Win10 directement sur votre site Web .Ce p

(Conseils techniques et de conception)