SimpleTabs est un script autonome écrit en Javascript par Fotis Evangelou. Il permet de mettre en place facilement un système de navigation à base d’onglets (tabs). J’aime bien le côté autonome du script qui ne dépend ainsi d’aucune bibliothèque tierce pour fonctionner. Pas besoin de jQuery ou de Mootools ! Le script se souvient du dernier onglet cliqué et se place sur celui-ci après un rechargement de page ou l’utilisation du bouton « Retour » du navigateur. SimpleTabs est simple à mettre en place, léger (2,4 Kio) et compatible avec tous les navigateurs. →
CSS3 Media Queries en Javascript pour les vieux navigateurs
CSS3-MediaQueries-JS est une bibliothèque Javascript qui permet d’utiliser les Medias Queries dans IE 5+, Firefox 1+ et Safari 2 — Firefox 3.5+, Opera 7+ et Safari 3+ étant nativement compatibles avec cette propriété CSS3. Les Medias Queries offre un mécanisme pour isoler certaines propriétés ou pré-requis techniques pour appliquer aux agents utilisateurs correspondants une déclaration ou une feuille de style CSS spécifique. →
jQuery Marquee [de Sade ?]
La balise Marquee vous rappelle des souvenirs ? Si cette balise propriétaire d’Internet Explorer vous manque, voici Marquee jQuery. Ce plugin vous permettra de faire défiler le contenu d’une liste vers le haut, le bas, la droite, la gauche… Bref, dans le sens que vous voulez grâce à quelques options bien pratiques. Qui a dit Marquee de Sade ? Tss tss… 😉 →
Hyphenator — Gérer les césures avec Javascript
Hyphenator est un script JS qui autorise la gestion des césures sur tout ou partie de votre site Web, bien que pour des raisons de performance, il est judicieux de se limiter au contenu des articles. Le script ajoute des césures pour couper les mots des textes contenus dans les éléments que vous aurez ciblés avec la classe hyphenate
pour éviter les «lézardes» dans les pavés de textes justifiés avec text-align="justify"
.
jQuery Cycle — Slideshow avec effets de transition
Le diaporama jQuery Cycle propose six effets de transition originaux. Le nombre des options disponibles est impressionnant : pas moins de 50 paramètres vous permettront de réaliser tous vos fantasmes souhaits ! jQuery Cycle est compatible avec les plugins Metadata et Easing. →
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.
JQuery Slide Effect — Animation de texte au survol d’une image
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 😉
Easy Slider — Diaporama jQuery avec navigation numérique
Easy Slider est un diaporama horizontal ou vertical avec une navigation numérique qui propose un défilement doux lorsque l’on saute une ou plusieurs diapos. Une vingtaine de paramètres permettent d’adapter le Slider à vos besoins les plus fous. Voir les démonstrations slides continu, navigation numérique ou slides multiples. Via @FlemArt.
innerShiv — Le contenu HTML5 généré par innerHTML fonctionne enfin dans IE
Pour les injecter les balises HTML5 dans le DOM et leur appliquer la propriété CSS display: block pour les styler, Remy Sharp a mis au point html5shiv qui est toutefois sans effet lorsque les balises HTML5 sont affichées via innerHTML. Heureusement, HTML5 innerShiv est là pour que les version 6 à 8 d’Internet Explorer tiennent compte des nouvelles balises HTML5 créées à la volée.
CSS Text Wrapper — Habiller vos textes avec des formes non rectangulaires
Fini les textes rectangulaires ! CSS Text Wrapper habille votre textes HTML avec n’importe quelle forme : courbe, zig-zag ou ce que vous voulez. Suivez les instructions et copiez-collez le code généré. Parmi les options possibles, on trouve la largeur et la hauteur de la zone de texte, l’interlignage, la taille de la police de caractère, et la zone de saisie de votre texte au format HTML. →