Archives de la catégorie : Revue de Web

Pas encore de description pour la catégorie Revue de Web. Suggérez à l'administrateur du site de la remplir.

s3slider : diaporama jQuery avec légende

s3slider est un plugin jQuery qui permet de faire défiler un ensemble de photo accompagné d’un bloc de contenu qui apparaît automatiquement par-dessus l’image. Possibilité de faire apparaître le bloc légende à partir du haut, du bas ou à partir des côtés.

jQuery List — 600 plugins jQuery qui n’attendent que vous

jQuery List est une liste de près de 600 plugins et exemples de code jQuery répartis dans plus de 30 rubriques. Nous y trouvons à peu près tout ce qui est nécessaire pour faire des sites web interactifs : Ajax, animation, effet, graphiques, DOM, CSS, Flash, formulaires, jeux, tableaux, calendriers, sélecteurs de couleurs, etc.

jQuery.Buzz() — Restez à l’écoute de jQuery

jQuery.Buzz() est un digg-like comme on n’en fait plus beaucoup.  Il est exclusivement consacré aux ressources jQuery. Chaque entrée est composée d’un titre qui pointe directement sur la ressource, avec en dessous un chiffre représentant, j’imagine, le nombre de clics, suivi de l’URL. Pour terminer, le lien info propose le nombre de fois où le lien à fait l’objet 1) d’un clic sur Twitter et 2) d’une mise en bookmark sur Delicious avec la liste des utilisateurs et les tags les plus utilisés.

→ Suivez jQuery.Buzz() sur Twitter @jquerybuzz

Pré-chargement des CSS et du Javascript sans exécution

Preload CSS/JavaScript without execution — Le pré-chargement des scripts JS et des feuilles de style CSS est une bonne chose pour améliorer les performances. La solution proposée par Stoyan Stefanov repose pour une part sur la création d’un objet Image avec new Image().src pour Internet Explorer et sur la création d’une balise object pour les autres navigateurs. Lire aussi The art and craft of postload preloads.

Table des matières avec jQuery

Voici un bout de code pour afficher une liste ordonnée sous la forme d’une table des matières comme celles que l’on trouve dans les livres imprimés où le numéro de la page est situé au bout d’une succession de pointillés à la droite de l’énoncé. Il ne s’agit donc pas d’une vraie table des matière, puisque le numéro de la page n’est autre que le numéro de l’item en question. Mais visuellement, cette technique peut faire son petit effet.

Modernizr — Détection des fonctionnalités CSS3 et HTML5

Modernizr est une petite bibliothèque Javascript qui détecte la prise en charge (ou non) des fonctionnalités CSS3 et HTML5 comme @font-face, canvas, video, rgba(), border-radius, les fonds multiples, CSS Columns, etc. Modernizr teste plus de 20 fonctionnalités en quelques millisecondes pour ajouter des classes spécifiques dans la balise html indiquant indiquer la prise en charge (ou non) des propriétés testés par le navigateur.

jQuery, HTML5 et CSS3 sont le Biactol™ du Web ^_^v

Comment, jQuery va tuer Flash ? La question peut paraitre surprenante, mais force est de constater que Javascript a fait du chemin depuis  window.open() ! Les bibliothèques comme jQuery ou Prototype ont par ailleurs permis l’émergence de plugins, de scripts qui se sont attachés à améliorer l’expérience utilisateurs jusqu’à concurrencer Flash sur son terrain de prédilection : la création d’animation pour créer des interfaces immersives afin de capter l’attention du visiteur.

Carrousel fonctionnel sans Javascript

Content Switcher — Bel exemple de mise en place d’un système permettant de passer d’un contenu à un autre via un menu en utilisant les concepts de l’amélioration progressive et du Javascript non intrusif. Ce Carrousel est d’abord pensé pour fonctionner en HTML et CSS et peut bénéficier des améliorations apportées par Javascript (en l’occurrence jQuery) pour avoir des transitions plus funky entre les contenus. Via JPV.