Coda Slider Effect est un des nombreux excellents tutoriels proposés par Remy Sharp sur jQuery for Designers. Au menu de Coda Slider Effect : un système de navigation par onglets accessible avec effet de Slide du plus bel effet composé de plusieurs plugins tels que scrollTo, localScroll et serialScroll. Dégradation grâcieuse en l’absence de Javascript, effet de slide respectueux de votre CPU et maintient de la navigation courante via les «hash».
01/02/11
Coda Slider Effect — Navigation par onglets accessible avec effet de Slide
1 commentaire » | Tags : Effect, jQuery, localScroll, Navigation, Onglets, scrollTo, serialScroll, Slider, Tabs | Tutoriel
17/12/10
Navigation à onglets avec jQuery & CSS
Simple Tabs w/ CSS & jQuery est un tutoriel expliquant de manière concise les différentes étapes pour réaliser un système de menu à onglets. Soh Tanaka détaille le balisage HTML, le script jQuery et la feuille de style CSS. Lire le reste de cet article »
2 commentaires » | Tags : jQuery, Menu, Navigation, Onglets, Tabs | Tutoriel
16/12/10
SimpleTabs — Onglets Javascript non-intrusif
SimpleTabs est un script autonome écrit en Javascript par Fotis Evangelou. Il permet de mettre en place facilement un système de navigation à base d’onglets (tabs). J’aime bien le côté autonome du script qui ne dépend ainsi d’aucune bibliothèque tierce pour fonctionner. Pas besoin de jQuery ou de Mootools ! Le script se souvient du dernier onglet cliqué et se place sur celui-ci après un rechargement de page ou l’utilisation du bouton « Retour » du navigateur. SimpleTabs est simple à mettre en place, léger (2,4 Kio) et compatible avec tous les navigateurs. Lire le reste de cet article »
1 commentaire » | Tags : Javascript, Navigation, Onglets, Tabs | Applications autonomes
24/05/10
SliderNav — Carnet d’adresses avec jQuery
SliderNav est un plugin jQuery qui permet de créer un carnet d’adresse défilant de type iPhone : les lettres de l’alphabet sur la droite et les contacts sur la gauche. Le passage de la souris sur les lettres fait défiler la liste jusqu’aux contacts commençant par cette même lettre. Lire le reste de cet article »
1 commentaire » | Tags : Contacts, iPhone, jQuery, Liste, Menus, Navigation, Table des matières | Plugin jQuery
30/01/10
Diaporama avec navigation au clavier (flèche droite et flèche gauche)
Adding Keyboard Navigation est un tutoriel expliquant pas à pas la mise en place d’un diaporama avec la possibilité d’utiliser le clavier (flèche droite et flèche gauche) pour passer à l’image suivante ou précédente. Chez Remy Sharp, les tutoriels sont vraiment très bien fait. On trouve le tutoriel proprement dit avec les explications de code, la démonstration pour juger sur pièce et le code prêt à être copié-collé, sans oublier les commentaires, souvent utiles.
Aucun commentaire » | Tags : Accessibilité, Clavier, Diaporama, jQuery, Navigation, Slider | Revue de Web, Tutoriel
17/11/09
Jquery Pagination System
Jquery Pagination System — Les systèmes de navigation sont généralement programmé côté serveur et sont relativement gourmands en requêtes MySQL et en preprocessing PHP. Cette pagination est entièrement réalisée avec jQuery, côté client, donc. Un exemple à copier-coller est disponible pour vous faire une idée.
1 commentaire » | Tags : MySQL, Navigation, Pagination | Plugin jQuery