Tutoriel

Créer une arborescence de fichier avec jQuery

Jay Salvat nous propose la première partie d’une série de 8 tutoriels sur la création d’une arborescence de fichiers à l’aide de jQuery. Au menu :

  1. Transformer une liste HTML en arborescence dossiers/fichiers
  2. Ajouter un compteur de fichiers à chaque dossier
  3. Ouvrir et fermer les dossiers
  4. Ouvrir des dossiers par défaut dès l’ouverture
  5. Déplacer les dossiers et fichiers en drag and drop
  6. Supprimer un fichier de l’arbre
  7. Sérialiser le résultat
  8. Déclencher et utiliser des événements
Frameworks Javascript

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. →

Le saviez-vous ?

20 méthodes jQuery à connaitre

20 méthodes jQuery à connaitre — Voici une bien belle liste de 20 fonctions jQuery peu connues qui vous permettront de faire face à de nombreuses situations : insérer du contenu dans le DOM avec before() et after() ; envelopper des balises existantes avec une nouvelle balise avec wrap(), wrapAll() ou wrapInner(), etc. Via RGWeb.

Applications autonomes

DLink — Afficher le type de cible des liens avec Javascript

DLink est un script qui affiche une icône significative à côté des liens présents dans votre site : liens internes, externes, vers un sous-domaine, une ancre ou un lien vers une adresse email. L’idée est d’améliorer l’apparence des liens tout en ajoutant une information sur la destination du lien. →

Applications autonomes

Splash — un diaporama en pur Javascript

Splash est un script permettant d’afficher une image par-dessus le contenu dans le sillage de Lightbox (devenu en quelques années une marque générique comme Frigidaire) sans être obligé d’installer jQuery ou Prototype, ce qui est assez rare pour être signalé. Xuxu voulait une lightbox à son goût, simple, bien codée et rapide, alors il a associé le talent à l’envie, et Splash ! →