Helper CSS

microjs — 200 micro-frameworks Javascript

Microjs.com présente près de 200 frameworks Javascript petits mais costauds. De combien de lignes de code avez-vous besoin pour votre projet de site web : 50K, 100K, 150K ? Ok, nous aimons tous nos bons vieux gros frameworks comme jQuery ou Mootools et nous en tirons souvent le meilleur. Mais combien de fois les avons-nous utilisés à mauvais escient ? Combien de fois avons-nous tenté d’écraser une mouche avec un tank, alors que des solutions bien plus adaptées étaient à notre portée ? →

Documentation

184 vidéos en français pour apprendre jQuery, PHP, HTML & CSS

La chaine Youtube NewDzign propose près de deux cents tutoriels vidéos pour permettre aux débutants d’apprendre les langages du web jQuery et PHP, HTML & CSS. Je ne suis généralment pas très fan des tutoriels vidéos, mais vu le nombre de tutoriels déjà publiés, je ne pouvais pas passer à côté ! →

Revue de Web

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

Helper Javascript

jQuery Boilerplate

Vous créez des plugins pour jQuery et vous parvenez à des résultats satisfaisants mais vous vous demandez si vous respectez les bonnes pratiques ? jQuery Boilerplate fournit un modèle de base de développement de plugins jQuery pour utilisateurs débutants ou plus avancés : objet, constructeur et options pour étendre les fonctionnalités.

→ jQuery Boilerplate est disponible sur github.

Plugin jQuery

turn.js — Effet de page tournée en Javascript

turn.js est un plugin jQuery créé par Emmanuel Garcia (@blasten) dont le but est d’ajouter un effet de transition entre deux blocs HTML pour donner l’impression que l’on tourne les pages d’un livre ou d’un magazine. Le script est léger (6 kb) et simple d’utilisation. Il utilise l’accélération matérielle et fonctionne sur tablettes et téléphones portables intelligents. →

Documentation

JavaScript Garden — La documentation du Jedi !

Javascript Garden est une documentation sur les points les plus obscurs de Javascript. Vous y trouverez des conseils pour éviter les erreurs les plus communes, les bugs les plus subtils ou les problèmes de performances souvent liés aux mauvaises pratiques de développement. Il ne s’agit pas à proprement parler d’un cours sur Javascript : la connaissance des bases de la programmation est  fortement recommandée. Si vous désirez apprendre les bases de Javascript, vous pouvez consulter l’excellent guide disponible sur le réseau des développeurs de Mozilla, ou lire un des articles de la rubrique Documentation sur ce site.

Plugin jQuery

Loupe — Agrandissement d’images avec jQuery

loupe est un plugin jQuery qui permet d’appliquer un effet loupe sur une image lorsque le curseur passe au-dessus. Avec un poids plume de moins d’un kb un fois minifié, ce script devrait trouver une place dans votre boite à outils web. Son utilisation est simple, il suffit d’initialiser le script de la façon suivante : →

Plugin jQuery

jFontSize — Agrandir ou diminuer la taille des textes

jFontSize est un plugin jQuery développé pour faciliter la création des fameux boutons A+ et A- pour modifier la taille du texte. La classe ou l’identifiant étant un simple paramètre de la fonction $('.some-class-name').jfontsize();, il est très pratique de restreindre les modifications de taille à certaines portions de textes. Les styles des boutons est facilement modifiable avec une pincée de CSS.

Plugin jQuery

ghostType jQuery Plugin

Créé par William Moynihan, ghostType transforme du texte statique en texte qui s’affiche lettre à lettre, comme si un fantôme saisissait les caractères au fur et à mesure sur sa machine à écrire. Pratique pour attirer l’attention des visiteurs, ou les agacer, au choix 🙂 →

Plugin jQuery

ResponsiveSlides.js — Slideshow responsive poids-plume

ResponsiveSlides.js est un tout petit plugin jQuery permettant de créer des Slideshows qui s’adaptent à la taille de l’écran de l’utilisateur, dans un grand nombre de navigateurs (y compris IE6 !). Seules contraintes : nécessite jQuery et une même taille d’images pour chaque Slideshow. Son point fort ? Une taille de moins de 800 bytes pour un défilement automatique avec fading ou au clic via la pagination. Via Megaptery.