11/11/11
Popcorn.js is est un framework Javascript créé par Mozilla pour faciliter la création de vidéos interactives. Popcorn normalise les propriétés, les méthodes et les événements natifs des éléments média audio et video HTML5 sous la forme d’une API extensible via des plugins. En gros, il s’agit du jQuery de la vidéo. C’est dire l’ambition des concepteurs qui espèrent révolutionner le monde de la vidéo en l’adaptant au web via l’utilisation des ressources visuelles, audios et vidéos disponibles sur les réseaux sociaux. Lire le reste de cet article »
| Tags : API, Attribution, Audio, Facebook, Flickr, GML, Google Map, Googlefeed, HTML5, Image, Lastfm, Linkedin, Lowerthird, Mozilla, Mustache, Openmap, Pause plugin, Popcorn, Processing.js, Subtitle, Tag This Person, Timeline, Twitter, Video, Wikipedia, Wordriver | Frameworks Javascript
31/08/11
FlexSlider est un slider, un de plus, qui permettra de faire défiler vos contenus avec le marquage HTML de votre choix. FlexSlider est utilisable avec le clavier, ce qui est toujours bon pour l’accessibilité ; son poids plume (6 kb minifié) est également un atout de taille. Il est possible d’ajouter une légende (caption) pour chaque image. Pour cela, une simple balise p sous l’image suffit. Pour plus de sémantique et pour profiter des nouvelles balises apportées dans la hotte du Père Noël HTML5, il faudrait tester FlexSlider avec une balise figure et un bon vieux figcaption des familles. Merci à @allfordesign et @oncletom pour la suggestion :) Lire le reste de cet article »
| Tags : Carousel, Diaporama, Image, Slider | Plugin jQuery
18/08/11
spin.js est une solution en Javascript (compatible avec jQuery) qui permet d’afficher une icône de chargement de page animée (loader) sans utiliser d’image, grâce à CSS3. La compatibilité avec Internet Explorer en version 6, 7 et 8 est assurée grâce à WML. Lire le reste de cet article »
| Tags : GIF, Image, jQuery, Loader, Loading | Applications autonomes
15/08/11
Les diaporamas et autres Slideshows sont devenus un passage quasi-obligé pour les sites qui veulent présenter un grand nombre d’informations tout en ménageant l’espace disponible. Voici une liste condensée de 73 tutoriels ou scripts jQuery détaillés pour mettre en avant vos contenus texte et/ou image. Lire le reste de cet article »
| Tags : Caption, Carousel, Diaporama, Galerie, Image, jQuery, jQuery UI, Sliders, Slideshow, ToolTips | Tutoriel
15/07/11
Ce tutoriel HTML5 intitulé «Retours sur un développement HTML5 & JavaScript avec Visual Studio 2010» présente les différentes étapes pour réaliser un mur d’images et avoir la possibilité de zoomer sur une carte et de dézoomer pour retrouver une vue d’ensemble. Le tutoriel est composé de 12 parties que je vous laisse découvrir : Lire le reste de cet article »
| Tags : HTML5, Image, Javascript, Visual Studio 2010 | Tutoriel
01/11/10
Rédigé sur Alsacréations par Benjamin De Cock, ce tutoriel pour faire une galerie d’image avec jQuery est un cas d’école pour qui veut obtenir le résultat le plus simple possible visuellement tout en prenant en compte l’accessibilité le plus largement possible avec une démarche non intrusive. Je vous laisse avec la démo qui vaudra sûrement mieux qu’un long discours.
| Tags : Galerie, Image, jQuery | Tutoriel
30/10/10
JQuery Slide Effect est un tutoriel concis mais complet qui explique comment parvenir à un effet d’animation de texte (slide) sur une image pour faire apparaitre des informations complémentaires (titre, description, lien, etc.) au survol d’icelle. La démo du Slide sera sûrement plus parlante ;)
| Tags : :hover, Image, jQuery, Slide, UI | Tutoriel
11/10/10
Créé par Nathan Searles, Jquery Looped Slider est un diaporama jQuery qui boucle sans accroc lorsque le script atteint la dernière «diapo» de votre Slider. Lire le reste de cet article »
| Tags : Boucle, Diaporama, Image, jQuery, Loop, Slider | Plugin jQuery
26/04/10
Colorbox — Cette petite
lightbox légère et personnalisable est le cadre idéal pour accueillir vos photos, vos textes ou vos vidéos. Réalisé avec jQuery,
Colorbox est extensible : ajout de fonctions de rappel ou de points d’ancrage événementiels sans pour autant être obligé de modifier les fichiers d’origine. Fonction de diaporama avec marche/arrêt, boutons
Suivant ou
Précédent et navigation au clavier, ce qui ne gâche rien. Le design de
Colorbox est très bien pensé et trouvera sa place sur tous type de sites web.
| Tags : Diaporama, Image, jQuery, Ligh | Plugin jQuery
27/12/09
jQuery Before/After est un plugin étonnant qui plaira à tous ceux qui veulent proposer la comparaison de deux états d’une photo. Chacun des deux états apparait de part et d’autre d’une ligne médiane où un grip vous attend pour faire glisser un slider qui dévoilera l’autre partie de l’image. Le script pèse 7 ko et nécessite jQuery UI en plus de jQuery pour fonctionner. Je vous laisse avec une démonstration parfois surprenante ;)
| Tags : Comparer, Image, jQuery, Photo, Slider | Plugin jQuery
