Nick Parsons de Webitect nous propose sur Pro Blog Design 30 bouts de codes jQuery en prêt-à-porter taillés dans les meilleurs tissus. Dans les rayons, vous trouverez de quoi habiller les longues soirées d’été : Lire le reste de cet article »
13/05/10
Scriptsrc — 10 Frameworks Javascript à emporter
Scriptsrc est une page web qui recense les URL’s des dernières versions des frameworks Javascript hébergés par Google : jQuery, jQuery UI, Chrome Frame, swfobject, Mootools, YUI, Prototype, Ext.JS, Dojo et Scriptaculous : Lire le reste de cet article »
23/04/10
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.
01/04/10
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. Lire le reste de cet article »
09/03/10
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. Lire le reste de cet article »
02/03/10
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.
27/02/10
Slick Page Transition — Effet de transition (fading) entre les pages d’un site
Slick Page Transition est un script jQuery (à placer dans votre fichier Javascript global.js ou fonctions.js, etc.) qui produit un effet de fading lorsqu’on passe d’une page à une autre. L’effet peut s’appliquer sur tout ou partie des liens il suffit de spécifier le sélecteur approprié. Il est conseillé de préciser la couleur de votre balise html pour qu’elle s’harmonise avec l’effet de transition. Voir la démonstration. Lire le reste de cet article »
12/02/10
Scrolling différentiel (Parallax) avec jQuery
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.
02/02/10
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. Lire le reste de cet article »