SimpleTabs est un script non intrusif permettant d’afficher des panels par l’intermédiaire d’onglets :

Ce script ne s’appuie sur aucun framework (jQuery, MooTools etc.), ce qui devrait éviter les tradionnels conflits quand on tente de faire cohabiter plusieurs scripts utilisant des frameworks différents.
Petite fonctionalité intéressante, SimpleTabs se “souvient” de l’onglet actif. Si votre internaute recharge la page web (avec F5 par exemple), l’onglet dernièrement visité sera réaffiché.
Ce script est enfantin à implémenter dans vos pages web et il fonctionne avec l’ensemble des navigateurs.
Site Intenet : SimpleTabs
Licence : GNU/GPL
Share
Avec jsTree, vous serez en mesure de créer rapidement un menu de type TreeView.

Ce script JavaScript accepte des données de différents formats : HTML, JSON et XML. L’utilisateur pourra ouvrir/fermer/créer/renommer/supprimer une branche. jsTree supporte le poser/déplacer et la multi-sélection. Enfin, ce qui ne gâche rien, la personnalisation de jsTree est très simple : via le fichier CSS, changer les icones, points, l’arrière plan, les polices et leur taille.
Site Internet : jsTree
Licence : MIT & GPL
Share
13styles propose une série de 15 menus HTML et CSS. Ces menus ne contiennent aucun JavaScript, ils sont très légers, simples à implémenter et compatibles avec tous les navigateurs !

Avouez que la description est plus qu’alléchante… mais… évidemment, il y a un “mais”, la liste est assez restreinte et seuls certains menus sont gratuits, pour utiliser les autres, vous devrez en passer par l’achat d’une licence.
Toutefois, j’ai retenu ce site car même peu nombreux, les menus gratuits sont d’excellente qualité et ils seront une bonne source d’inspiration.
Site Internet : 13styles
Licence : Gratuit
Share
Avec cet article, je compte combler deux manques sur Free Tools… parler de l’excellentissime blog NetTuts et de l’affichage de “panels” avec une navigation par onglets.
En effet, pour un projet en cours, j’ai eu recours à cette présentation très pratique quand l’espace vous manque. De plus, je souhaitais que la hauteur du panel soit automatiquement “recalculée”.
Le tutoriel “Create A Tabbed Interface Using jQuery” répond exactement à mes exigences !

Donc, voici un script permettant l’affichage de “panels” avec une navigation par onglets. Un effet de transition des plus sympathiques est réalisé avec la librairie jQuery. Autre avantage de ce script, il est facile à implémenter (pas plus de 10 minutes “chrono en main”) et tout aussi facilement personnalisable… du grand art accessible à tous…
Site Internet : NetTuts
Licence : Gratuit
Share
Cette semaine, c’est jQuery qui est à l’honneur ! Je n’ai pas pu résister devant cette trouvaille…
Avec cette ressource, vous allez pouvoir créer un menu animé qui n’aura rien à envier à un menu “Flash”.
Plutôt qu’un long discours, je vous donne rendez-vous sur cette page de test : http://snook.ca/technical/jquery-bg/

Convaincu… la suite sera encore plus intéressante. L’implémentation de cette ressource est très simple. Pour commencer, ajouter un fichier CSS, un script javascript et la libraire jQuery dans le header… Ensuite, ajoutez votre menu avec l’aide des balises UL… le tour est joué !
Site Internet : Snook
Licence : MIT, GPL
Share