Un menu de navigation toujours visible

Date de publication: 22/déc.
2009
Tags: CSS, ergonomie, Gastero Prod, JavaScript, jQuery

Depuis quelques jours, le menu de navigation principal de Gastero Prod reste visible en permanence¹ même si vous descendez dans la page. Cela peut vous sembler un caprice de g33k qui tente des trucs un peu sexy, mais à l’usage, je suis extrêmement content de ce rapide ajout ergonomique !

Un menu de navigation toujours visible, même en défilant sur plusieurs hauteurs d’écran, cela signifie que l’on a moins besoin des liens de type « retour en haut de page » que je ne sais jamais où placer, et que certains du coup se mettent à placer presque à chaque paragraphe pour être sûr². Cela signifie aussi que l’internaute pourra accéder plus vite à d’autres rubriques du site, en un seul clic.

J’ai vu ce type de fonctionnement pour la première sur le panier dans l’Apple Store :


Résumé de la commande en haut sur l’Apple Store: Le résumé de la commande s’affiche normalement, aligné sur le haut du contenu.


Résumé de la commande toujours visible sur l’Apple Store: Quand on descend dans la page, le résumé de la commande suit le mouvement pour rester toujours visible.

Sur l’Apple Store, c’est d’ailleurs encore plus subtil, le bloc présentant les spécifications du produit commandé se réduit automatiquement si la place disponible en hauteur n’est pas assez grande, beau soucis du détail !


Spécifications réduites sur l’Apple Store: Les spécifications du matériel commandé sont réduites en hauteur si on n’a pas assez de place.

Je l’ai vu plus récemment sur le bloc « View options » à droite des résultats de recherche sur MyFonts :


Haut de la page de recherche de MyFonts: Le bloc de paramétrage de la recherche est à droite, sous celui présentant les tags. Dommage qu’il ne soit pas tout de suite visible.


Plus bas dans la page de recherche de MyFonts: Le bloc « View options » s’ancre en haut de la fenêtre si on descend dans la page.

Je n’avais pas encore pensé à appliquer ce principe bien sympathique à mon site, mais l’article Fixed Floating Elements de jQuery for Designers présentant l’approche technique m’a mis le pied à l’étrier, je n’ai pas su résister !

Notes

[1] Sur les navigateurs graphiques où les CSS et le JavaScript sont activés...

[2] J’exagère à peine

Commentaires

Commenter ce billet

Commentaires déjà déposés

26 décembre 2009 à 10h53
Commentaire de NiKo

C’est absolument excellent :)

Répondre à ce message
- 27 décembre 2009 à 13h59
  Commentaire de Nicolas Hoizey
  
  N’est-ce pas... ;-)
  
  Répondre à ce message

Pour faire un lien vers cet article, vous pouvez utiliser soit son URL canonique soit son URL courte :

http://gasteroprod.com/a792

Billets avec les mêmes tags

Derniers billets

Faut-il continuer à supporter Internet Explorer 6 ?

Article initialement publié dans le blog de Clever Age.

On ne va pas ergoter sans fin, tout le monde doit maintenant savoir que Internet Explorer 6 — IE6 pour les intimes — est un navigateur obsolète et dangereux. Et pourtant, certains continuent à l’utiliser. Faut-il les en dissuader, refuser de leur fournir son support, aller même jusqu’à leur empêcher l’accès, ou faut-il continuer à supporter (les faiblesses de) ce navigateur ?

Date de publication

22/juillet
2010

Tags

Clever Age, Internet Explorer, standards
Les inscriptions à Paris Web 2010 sont ouvertes !

Paris Web 2010, c’est la cinquième édition de ce rendez-vous français annuel, devenu incontournable, pour se tenir informé des bonnes pratiques de développement Web. Go go go !

Date de publication

2/juillet
2010

Tags

Paris Web, qualité, standards
Faciliter la reprise de tweets (les retweets) à l’ancienne sur Twitter

Même si Twitter a mis en place depuis maintenant un certain temps un mécanisme natif de retweets¹, je préfère souvent continuer à utiliser les « RT » traditionnels, qui laissent la possibilité de commenter le tweet initial, ce que ne permet pas le retweet officiel. Une règle qui me paraît essentielle pour faciliter le retweet à l’ancienne, c’est de prévoir une taille de tweet suffisamment faible pour que le retweeteur voit son travail facilité, surtout si le tweet initial ne contient que très peu de mots inutiles.

Date de publication

14/juin
2010

Tags

Twitter

Derniers commentaires

R03ER7 sur Le Jailbreak de l’iPhone ou de l’iPod Touch est-il légal ? : « Jailbreaker ne veut pas dire voler » mais plutôt « Permettre l’installation d’applications quand (...)
Sur Citation d’Oscar Wilde : sauf qu’il me semble qu’en vrai c’est une phrase de A de St Exupery !
Scandale sur Afficher les favicon dans la barre personnelle de Firefox sous Mac OS : Pour ceux qui, comme moi, manquent de place dans leur barre personnelle, j’ai aussi ajouté le (...)
Scandale sur Afficher les favicon dans la barre personnelle de Firefox sous Mac OS : merci pour le tuyau, ça marche. manque juste dans le tutoriel le chemin ou mettre le fichier, (...)
Nicolas Steinmetz sur Faut-il continuer à supporter Internet Explorer 6 ? : Parce que certaines entreprises sont encore sous WinNT / Win2000 à cause d’applications métiers ? (...)
ThierryD sur Prendre des éclairs (d’orage) en photo : Bonjour, Je me permet d’intervenir dans ce post pour vous faire part de ma technique pour (...)
ventrea sur Backup d’un Mac sur un NAS facile et sans bidouille, c’est possible ? : Time machine est pris en chagre par les dernières versions de firmware sur les nas Qnap (...)
Sur Une sauvegarde de fichiers en ligne très simple pour pas cher : Oui, j’ai le même genre et c’est vraiment pratique :) : https://www.axalot.fr
Sur Google Chrome sur Mac, bilan mitigé : > Pas de barre de titre, donc je ne connais pas le nom de la page dès que j’ai plus de 5 onglets (...)
Maurice sur Backup d’un Mac sur un NAS facile et sans bidouille, c’est possible ? : Par contre, je ne pense pas que ça résolve le problème de performance lorsque la taille du backup (...)