Articles taggés ‘ Menu

SimpleTabs, menu par tabulation 05 January 2009 à 12:05 am par myrmex 236 fois

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

menu tabulation

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

> jsTree, composant TreeView open source par myrmex 25 November 2008 a 2:40 am 501 fois et a 4 Commentaires

Avec jsTree, vous serez en mesure de créer rapidement un menu de type TreeView.

menu treeview open source
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

> Menu HTML et CSS par myrmex 15 October 2008 a 1:38 am 137 fois et a 1 Commentaire

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 !

menu html et css

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

> Affichage de « panels » avec onglets. par myrmex 08 October 2008 a 3:55 am 126 fois et a 2 Commentaires

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 !

affichage panel avec onglet

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

> Menus animés avec jQuery par myrmex 24 September 2008 a 9:36 am 181 fois et a 6 Commentaires

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/

menu animés jquery

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