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 »

08/03/10

13 Tutoriels jQuery pour Webdesigners

jQuery Tutorials for Designers – La force de jQuery par rapport à d’autres frameworks Javascript est sa capacité à plier le DOM selon notre bon plaisir. Toutefois, la volonté de faire tel ou tel effet ne suffit pas : encore faut-il les connaissances algorithmiques pour y parvenir. Malgré sa simplicité et sa courbe d’apprentissage à la portée de tous, il est toujours bon d’avoir quelques bouts de code sous le tapis de souris pour faire face aux situations récurrentes en matière de webdesign. Lire le reste de cet article »

06/03/10

Starter — Générateur de plugins jQuery

Starter est un générateur de plugin pour jQuery : indiquez le nom de votre classe, les fonctions et les paramètres par défaut pour créer et télécharger votre Brand New jQuery Plugin!

05/03/10

BasicSlider — « Slider » horizontal et vertical avec jQuery

BasicSlider est un diaporama (carrousel, slider, etc.) créé par Jonathan Thuau qui permet de faire défiler du contenu (textes, images ou les deux) horizontalement ou verticalement, automatiquement ou manuellement. Parmi les fonctionnalités on trouve : Lire le reste de cet article »

03/03/10

Effets « lightbox » CSS & Javascript sans framework

Effets lightbox sans framework — L’ouverture de nouvelles fenêtres popup a progressivement laisser la place aux effets lightbox. Voici plusieurs solutions simples à base de HTML, CSS  et comportant, une fois n’est pas coutume, du Javascript intrusif pour réaliser une lightbox pour présenter des images, un contenu dynamique, un formulaire avec effet de fading tout en assombrissant le reste de la page. Sans framework Ajax, avec quelques lignes de code. Scripts testés avec Internet Explorer, Firefox, Chrome, Opera, Safari et Konqueror.

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.

01/03/10

jQuery SimpleTree Drag & Drop — Arborescence à la Windows

jQuery SimpleTree Drag&Drop est un plugin qui permet de construire des arborescences à la mode de Windows. Déplacement des niveaux via cliqué-glissé et conversion d’une branche simple de l’arbre en dossier. Nombreuses options disponibles : animation, Ajax, fonctions de rappel, etc. Voir la démonstration. Via Ghaundan Dév Lab.

28/02/10

jQuery Splitter Plugin — divisez votre page en plusieurs parties redimensionnables

jQuery Splitter est un plugin jQuery particulièrement intéressant pour diviser verticalement ou horizontalement une page web en plusieurs parties dont la largeur pourra être modifiée : avec la souris via un simple cliqué-glissé ; en définissant une accesskey ; ou encore en utilisant la touche tab pour sélectionner la bordure et les flèches du clavier pour la déplacer. Lire le reste de cet article »

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 »

24/02/10

DataTables — Pagination et tri des données pour vos tableaux HTML

DataTables est un plugin jQuery qui améliore l’ergonomie des tableaux de données en ajoutant des fonctionnalités comme le tri selon les colonnes et la mise en place d’une pagination pour les données tabulaires sans fin. Lire le reste de cet article »