HorizontalNav : menu de navigation "full-width"

Hello!

je viens maintenant vous présenter un plugin plutôt pratique et utile : HorizontalNav ( http://sebnitu.github.io/HorizontalNav/ ).

Pour la petite histoire, je suis tombé dessus il y'a plusieurs mois et je ne l'ai utilisé que récemment. Son intégration est enfantine !

Description par l'auteur :
"HorizontalNav is a jQuery plugin that spans a horizontal navigation to fit the full width of it's container. If you've ever had to create this effect on a project, you'll know it's pretty annoying to do. But this plugin makes it easy and adds support for IE7."

En résumé :
Il vous est peut être déjà arrivé de devoir créer un menu horizontal contenant des liens flottants. Par défaut, la taille de ces liens (les zones cliquables)* sont déterminées par la taille de la police, le line-height et le padding. Le résultat, c'est que ces menus ne prennent, en général et sans s'y arracher les cheveux, pas la largeur totale, et il reste en général un peu d'espace *("disgracieux).
C'est là qu'intervient HorizontalNav : le plugin calcule à la volée la taille totale du conteneur et ajuste les éléments (items du menu) afin qu'ils prennent la totalité de la largeur.

Le résultat : c'est plus "joli" et la zone cliquable augmente (ce qui est bon pour l'ergonomie).

HorizontalNav : menu de navigation "full-width"
Poster un commentaire
choualinou
choualinou
10 ans

Complètement naze. Moi je viens de faire un plugin qui écrit tout seul "<body>" dans le source HTML. Je vais le vendre 50euros.
Plus sérieusement, il suffit de foutre un width à N% (N = nombre d'items), ça évite du JS inutile et ça permet d'avoir des items de même taille.
Faut apprendre à programmer, bouseux.

D0nald
D0nald
10 ans

Haha, que j'aime Choualbox !

@choualinou: Pas hello, enculé

- "Moi je viens de faire un plugin qui écrit tout seul "<body>" dans le source HTML. Je vais le vendre 50euros."
Félicitations ! Sacré projet ! Peut être le début de la richesse ? ;-)
Au passage, le bout de script mentionné est libre et gratuit (je vois donc pas trop ce que vient faire ton bout de com' qui sert à rien...).

- "Complètement naze"
Ah ?

Pourtant le plugin remplit parfaitement son office :
"But this plugin makes it easy and adds support for IE7."
C'est ce qu'il annonce et ce qu'il fait. J'ai jamais annoncé la lune. Clair qu'il n'y a rien de sorcier - sauf que là ça permet d'avoir ce rendu rapidement et simplement, compatibilité IE7 incluse (ce qui évite d'avoir un CSS bordélique notamment avec plein d'exceptions, ou de recalculer les pourcentages dès qu'on ajoute un item au menu)*, ce qui pourra aider bien des débutants, ou tout simplement dépanner *(gain de temps à certaines phases).

"Plus sérieusement, il suffit de foutre un width à N% (N = nombre d'items), ça évite du JS inutile et ça permet d'avoir des items de même taille."
Il existe de multiples techniques, avec des avantages et des inconvénients.
Pour ma part, je pense ré-écrire le script pour ne garder que le calcul utilisé pour déterminer le nombre d'items et la largeur des box flottantes sous IE7 (ça m'évitera de calculer ça à chaque fois).

On est un peu plus de 700 dans le groupe dev, avec tous des niveaux différents certainement. J'imagine que ça peut bien aller du dév senior ingénieur qui travaille depuis x années dans des grosses boites à créer des logiciels professionnels à l'ado de 12 ans qui veut créer son 1er site internet sans passer par Overblog. Ce script sera "pratique, utile et facile à utiliser" pour ce dernier.

Et donc je disais :
- "Complètement naze"
Ah ?
Et bien si tu veux mon avis, plutôt que de poster des commentaires à la con et insolent comme le tiens, viens donc partager ta science, tu sembles te prétendre grand programmeur... (et le groupe dev aurait bien besoin d'un peu d'animation, autre que tes injures)

choualinou
choualinou
10 ans

@D0nald: J'ai posté 2, 3 créations récentes dans le groupe de sites utiles, si ça t'intéresse. Et je reste sur mon idée que c'est naze. On est, comme tu le dis, dans le groupe développement. Faire du développement, c'est pas inclure 40 scripts tout faits pour obtenir un source final de 8Go pour faire un Hello World. Faire du développement, c'est réfléchir, et résoudre des problèmes de manière optimale. Pourquoi le sujet le plus récurrent quand on parle de dev est le webdev ? Parce-qu'il n'y a pas besoin de grandes compétences. La plupart des webdev sont des abrutis qui incluent 40 scripts tout faits et qui paniquent dès qu'ils voient "variable non déclarée". Perso, ça m'exaspère.

Cette page est réservée aux ADULTES

Tu es sur le point d'accéder à un site web qui contient du matériel explicite (pornographie).

Tu ne dois accéder à ce site que si tu as au moins 18 ans ou si tu as l'âge légal pour visionner ce type de matériel dans ta juridiction locale, l’âge le plus élevé étant retenu. En outre, tu déclares et garantis que tu ne permettras aucun mineur à d'accéder à ce site ou à ces services.


En accédant à ce site, tu acceptes nos conditions d'utilisation.