Aujourd’hui je vous propose de découvrir une galerie d’images à trois niveaux sur une seule page. Je ne fais pas de formation, donc je vous montre comment la configurer à partir de API JSON. Nous utilisons la bibliothèque jQuery et le framework Backbone.js Le principe repose sur une approche « MVC » ici « M » pour Modèles « V » pour Vues et « C » pour Collections d’objets avec la dépendance de underscore.js complétée par jQuery.
Je vous propose « Responsinav » un menu multi-niveau « responsive » réalisé avec un petit plugin jQuery. À la suite de la vidéo, vous pourrez télécharger la démo afin d’étudier les divers scripts, notamment le CSS, jQuery et HTML5. J’espère apporter à ceux qui débutent, la possibilité ici de comprendre ces langages, en raison de leur simplicité.
Aujourd’hui je vous propose de découvrir « Uploadify » un plugin jQuery qui vous permettra de télécharger « uploader » facilement plusieurs fichiers à la fois sur votre serveur. Ici, il s’agit de la version gratuite avec un fichier « Flash ». La version payante « UploadiFive » dispose d’un fichier « HTML5″ et a davantage de fonctionnalités, comme le Drag and Drop à partir d’une sélection de fichiers, etc…
Je vous propose « Quake Slider » Un slider d’images réalisé avec jQuery et CSS. Parmi tous les sliders que je présente à ce jour, celui-ci est à mon avis sans conteste le plus complet. Il contient 3 thèmes – 3 positionnements des légendes et, cerise sur le gâteau, 40 effets de transition sur les images, etc…
Incluez dans vos formulaires d’inscription en ligne ce plugin jQuery, qui permettra à vos visiteurs de créer un bon mot de passe. Le script « PWChecker » est léger, mais néanmoins assez puissant, vous devez pouvoir l’intégrer sans trop de difficulté avec quelques ajustements dans le css.
Avec le plugin, jQuery address picker « jQuery UI » en lien direct avec l’API Google Maps, proposez à vos visiteurs de trouver assez aisément leur adresse postale, ainsi qu’une géolocalisation avec la latitude et la longitude pour un GPS par exemple. En faisant un drag-and-drop, le pointeur Gmap est plaçable avec une certaine précision à l’endroit souhaité.
Je vous propose un portfolio réalisé avec HTML5 et le plugin Quicksand, qui permet de réorganiser une liste d’images filtrées avec un effet de transition. Vous pourrez présenter dynamiquement sur une page de votre site, plusieurs familles de projets / images, ou de données grâce aux liens filtres. Compatible avec tous les navigateurs, sauf IE6.
Avec iView Slider plugin jQuery, vous pourrez facilement intégrer sur votre site web : un carrousel / slider d’images, de vidéo « iFrame », des bannières publicitaires rotatives, et insérer des légendes customisées. Si vous utilisez Wordpress, iprodev.com propose un plugin téléchargeable chez codecanyon.net
La librairie jQuery UI dispose de plusieurs plugins « objet » très utiles tels que le Slider, le Datepicker ou la Progressbar. Je vous propose un aperçu avec la démo d’un toogle switch. À la suite du tutoriel vous pourrez télécharger le pack complet proposé gratuitement par Kiandra IT, ainsi que ma démo qui offrira une première approche à ceux qui débutent.
Really Simple est un plugin jQuery qui permet de créer un Slideshow.
Les images sont chargées dynamiquement, seulement lorsqu’elles sont nécessaires, ce qui offre l’avantage de présenter un Slideshow contenant beaucoup d’images sans pour autant devoir les précharger.
