Vous vous souvenez des images réactives ? Si oui, vous serez heureux d’apprendre qu’il est désormais possible de combiner Image maps et Responsive design grâce au plugin jQuery rwdImageMaps qui recalcule les aires déterminées par les coordonnées pour tenir compte du redimensionnement du viewport, le cas échéant. Lire le reste de cet article »
16/04/12
jQuery NailThumb — Miniatures à partir d’images haute-résolution
jQuery NailThumb — Créez des miniatures facilement à partir d’images en grand format, sans aucune distorsion, avec une ligne de code. Pour cela, vous aurez besoin d’un container par miniature et de spécifier ses dimensions (hauteur et largeur) via les CSS par exemple. Lire le reste de cet article »
01/04/12
Bacon : alignement de texte «exotique» avec jQuery
Bacon est un plugin jQuery qui offre de nouvelles possibilités d’alignement de texte en dehors du centrage ou de l’alignement en drapeau à droite ou à gauche. Il s’agit de mettre les techniques d’habillages de texte par une forme que l’on rencontre dans les magazines papier dans une page web. Lire le reste de cet article »
11/11/11
Popcorn.js is — Framework Javascript vidéo & audio HTML5
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 »
18/08/11
spin.js — Icône de chargement animée sans image
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 »
15/07/11
Développer une application avec HTML5 et Javascript
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 »
01/11/10
Galerie d’images avec jQuery
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.