Parallax — Le défilement parallaxe (ou scrolling différentiel) est une technique utilisée depuis longtemps dans le cinéma, le dessin animé ou le jeu vidéo pour créer une illusion de profondeur. Cet effet consiste à superposer plusieurs calques et les faire défiler à des vitesses différentes.
Cf. la démo de Parallax proposée par Australopitech.
Uniform — Des styles de formulaires « sexy » avec jQuery
Uniform est un plugin jQuery dans la lignée de jqTransform pour ajouter du look and feel aux rugueuses cases à cocher, aux boutons radio anémiques, sans oublier les spartiates boutons Parcourir… qui donneraient presque envie de se mettre à Flash 😉 Uniform masque les éléments de formulaires standards et ajoute une surcouche plus élégante. Fonctionne comme les vrais éléments de formulaires remplacés pour assurer une compatibilité et une accessibilité correcte. Compatible avec Safari 3+, Firefox 3+, IE7+ et Chrome (pas IE6, donc).
flot — créez des graphiques avec jQuery
flot est une bibliothèque pour jQuery pour créer des graphiques représentant des données en abscisses et en ordonnées, en courbe, en barres, etc. comme le montrent ces exemples.
jQuery Source Viewer — Plongez dans le code source de jQuery !
jQuery Source Viewer permet de naviguer à l’intérieur du code source de jQuery. Choisissez une fonction, puis laissez-vous entrainer en cliquant sur les différentes méthodes qui apparaissent au fil du code. Très pratique pour savoir ce qu’il y a sous le capot de jQuery car la lecture du code source n’est pas une partie de plaisir et au bout de quelques lignes, Proust se fait presque regretter (presque).
Cacahouette sur la banane, les versions 1.4, 1.3.2 et 1.2.6 de jQuery sont incluses dans jQuery Source Viewer.
jQAPI — Documentation alternative pour jQuery 1.4.1
jQapi reprend le système retenu par la documentation de Ruby on Rails tout en reprenant le même contenu existant dans la documentation officielle de jQuery avec un mise en page différente (recodée en jQuery) qui permet d’aborder la documentation d’une manière différente. jQapi semble plus pratique à consulter, donc plus productive. Cerise sur le gâteau, une version à emporter est également disponible.
Créez votre framework Javascript
Les frameworks Javascript sont aussi répandus que les critiques qui les accompagnent : trop lourds, pas assez rapides, des bugs, des mises à jour trop espacées ou trop rapprochées, etc. S’il vous est déjà arrivé de tenir tout ou partie de ses propos vous êtes peut-être mûrs pour mettre en place votre propre framework Javascript, suivant en cela l’adage selon lequel on n’est jamais si bien servi que par soi-même ! →
Implémentation jQuery du module CSS3 Template Layout
css-template-layout est la transcription Javascript du module CSS Template Layout Module. Ce mécanisme prévu par CSS3 permet de faire une grille de mise en page indépendante de la position des éléments dans le flux, sous la forme de déclarations CSS. →
jqTransform — Stylez vos formulaires avec jQuery et CSS
jqTransform est un plugin jQuery qui améliore légèrement — mais sûrement — l’apparence des formulaires web en gardant l’essentiel : les formulaires ressemblent toujours à des formulaires ! Les champs text
voient leurs coins légèrement arrondis, ainsi que les case à cocher avec une coche du plus bel effet. Les boutons radio
et les menus select
sont eux aussi légèrement stylés.
Google Fade — Faire apparaitre des éléments au mouvement de la souris
Google Fade est un script disponible pour Mootools et jQuery qui permet de reproduire chez vous un effet intéressant introduit récemment par Google sur sa page d’accueil : certains éléments de navigation apparaissent suite au mouvement de la souris sur la page ou lorsqu’on quitte le champs de recherche. →
Thumbnail Zoom — Effet de zoom et apparition d’une légende au survol
Thumbnail Zoom — Voici un effet de zoom sur une miniature accompagné de l’apparition d’une légende au survol de la souris qui fera certainement son petit effet sur vos pages web. Ce tutoriel explique pas à pas le code HTML (liste non-ordonnée), les CSS et la pincée de jQuery nécessaire au bon fonctionnement de l’ensemble. Via colegramist.