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


Viewer - Plugin Zoom Image Simple pour Vanilla JS & jQuery

Vous pouvez faire une recherche rapide et trouver des dizaines de bibliothèques pour les visionneuses d'images, les diaporamas, les galeries, vous l'appelez.

Viewer est l'une des bibliothèques les plus récentes qui a attiré mon attention. Actuellement en version 0.6, il s'agit toujours d'un projet en cours de développement, mais la conception et les fonctionnalités de ce plugin d' images sont phénoménales.

À partir de la page d'accueil, vous trouverez une démo en direct avec différents styles d'image. Vous pouvez choisir de configurer votre propre galerie en fonction de différentes fonctionnalités, telles que le zoom direct avec une seule image ou un diaporama long contenant de nombreuses images.

Cela vient également avec un "mode en ligne" qui attache la visionneuse d'image à un élément sur la page. Ainsi, lorsque l' utilisateur clique sur une vignette, il va zoomer la photo à l' intérieur de cet élément plutôt que sur le dessus de la page entière.

Vous trouverez des boutons pour pratiquement tout: des rotations, des légendes supplémentaires et un zoom 1: 1 complet pour obtenir une vue claire des photos haute résolution.

Avec quelques options JS, vous décidez comment le script Viewer devrait fonctionner . Vous ne voulez pas laisser les visiteurs zoomer sur des images? Aucun problème.

Vous pouvez également désactiver la fonction de diaporama ou simplement désactiver les boutons suivant / précédent dans l'interface utilisateur. Idem pour les images miniatures qui apparaissent lorsque le diaporama est en pleine vue.

Notez également que ce script a une version non-jQuery si vous préférez vanessa JS. Les deux plugins fonctionnent de la même manière et ils sont tous deux en développement actif. Tout ce dont vous avez besoin pour personnaliser cette interface se trouve sur la page principale de GitHub.

Si vous êtes important dans le codage de vos propres interfaces utilisateur, Viewer est un plugin très cool. Il offre tellement de contrôle sur le comportement de chaque diaporama que vous pouvez le restructurer en à peu près tout ce que vous voulez.

Les développeurs Web auront une journée de travail avec toutes les options de ce script d'image gratuit.

Changer le visage du Web Design: une étude de cas de 25 ans

Changer le visage du Web Design: une étude de cas de 25 ans

Le World Wide Web a fêté ses 25 ans le 11 mars 2014 et, au cours de son évolution, le design web a également progressé à pas de géant. Nous n'avons plus à supporter un texte sans fin et des images à basse résolution. Les sites Web d' aujourd'hui, informatifs, innovants et faciles à naviguer sont si courants que vous avez probablement oublié à quoi ressemblaient les sites Web dans les années 1990.Jetons donc u

(Conseils techniques et de conception)

5 Facebook Timeline Trucs et astuces à connaître

5 Facebook Timeline Trucs et astuces à connaître

Le nouveau design de Facebook Timeline était probablement la plus grande mise à jour de l'histoire de Facebook. Le nouveau design a de nombreuses fonctionnalités intéressantes et vous assure de donner la meilleure impression à votre profil. Si vous aimez la chronologie de Facebook, alors je peux vous aider à en tirer le meilleur parti avec quelques trucs et astuces pratiques sur Facebook.Il ex

(Conseils techniques et de conception)