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


Créez une Lightbox pleine page sensible et belle avec BaguetteBox.js

Il existe des dizaines de plugins Lightbox et ils sont tous parfaits pour des raisons différentes . Certains fonctionnent mieux sur les sites de portefeuille tandis que d'autres sont les meilleurs pour les mises en page réactives.

Mais, un de mes nouveaux plugins préférés est baguetteBox.js, créé par le développeur JavaScript Marek Grzybek.

Bien sûr, ce plugin est totalement gratuit à utiliser et open-source sur GitHub si vous voulez creuser manuellement le code.

La bibliothèque n'a aucune dépendance, donc vous pouvez l'exécuter sans jQuery, Zepto, ou quoi que ce soit d'autre. C'est une bibliothèque JavaScript pure avec une configuration très simple .

Il est conçu pour fonctionner parfaitement sur les appareils mobiles, de sorte qu'il peut prendre en charge les balayages et les taps, ainsi que le comportement par défaut sur les ordinateurs de bureau et portables. C'est l'une des rares galeries en plein écran qui prennent en charge les interactions mobiles, avec un effet modal complet .

Consultez la page de démonstration pour la voir en direct. Il a une galerie complète, avec la seule ligne de code nécessaire pour le faire fonctionner :

 baguetteBox.run ('. baguetteBoxOne'); 

Donc, cela cible un élément conteneur avec la classe .baguetteBoxOne et toute la galerie fonctionne.

Vous pouvez définir des options personnalisées si vous souhaitez des éléments tels que des légendes, des styles de bouton, des fonctionnalités de préchargement et des méthodes de rappel pour les événements onclick / onchange. Toutes ces options sont bien documentées sur GitHub si vous voulez plonger.

Mais, cela ne prend pas beaucoup de choses pour aller au-delà d'un élément conteneur et de quelques éléments d'image de base.

Vous avez un contrôle total sur les animations, les tailles d'image, les effets de balayage et le contenu de la galerie, tels que les titres / légendes. Cela nécessite JavaScript, donc il n'a pas une alternative CSS pure à la modale. Mais, puisque la plupart des navigateurs supportent JavaScript, cela ne devrait pas poser de problème.

Pour en savoir plus, visitez la page principale de baguetteBox.js et partagez vos impressions avec le créateur sur Twitter @feimosi.

Top 6 des péchés de l'écriture d'article

Top 6 des péchés de l'écriture d'article

Un homme sage a dit: «Dis-moi où je vais mourir, alors je n'irai pas là-bas.» Une façon de comprendre comment faire quelque chose est de savoir comment ne pas le faire en premier - puis inverser.Prenez l'article écrit, par exemple. Pour l'apprendre, vous pouvez soit (1) labourer à travers une tonne de ressources Internet sur le faire de l'écriture d'article; ou (2) gardez un œil sur ces boo-boos basiques, mais importants, et découpez-les dès que vous les repérez. Ici, j'

(Conseils techniques et de conception)

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

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&#

(Conseils techniques et de conception)