Organiser l’affichage d’un site fait partie de la liste des mes hantises. Il faut trouver le bon équilibre entre la quantité d’informations dont doit disposer le visiteur sans le « perdre » ni surcharger le visuel.
J’inaugure une nouvelle catégorie sur ce blog (personnel je le rappelle 
) : Emu Nova. Pas la peine de dire qu’ici je vais surtout parler du développement apporté au site afin éventuellement d’y recueillir des avis et réactions. Certain(e)s le savent, d’autres non mais une nouvelle version (amélioration) du site est en chantier depuis un petit bout de temps (janvier pour être précis). Placée sous le nom de version 2.1, cette mouture a pour but de simplifier la vie du visiteur. Le gros problème vient en effet de l’organisation et de la masse de contenu qu’on apporte.
Actuellement et comme dans la future version, le menu principal est matérialisé par une barre de menu (rose, voir la capture d’écran en vignette plus haut). Cependant n’étant pas assez large, les sections secondaires ont été déportées dans le menu de gauche. Ceci dit, ça a le défaut de les rendre moins visible.
J’ai cherché pendant un moment à tout réunir en un même menu et voilà qui est chose faite. Ce menu dynamique a posé beaucoup de problèmes car une fois de plus Internet Explorer est une vraie m**de dans ce qui est de la gestion des feuilles de style (CSS). Impossible de faire un menu 100% CSS sans écarter 90% de la population du Web (mais 80% des visiteurs d’Emu Nova, les 20% restant utilisant un autre navigateur, Firefox notamment).
En farfouillant dans les exemples de menu, je suis finalement tombé sur une excellente alternative qui fonctionne aussi bien sous Internet Explorer que Mozilla mais nécessite cependant du Javascript. Et si dans le pire des cas celui-ci n’était pas activé, et ben … on retomberait en fait dans la configuration actuelle.
Bilan : ça ne sera que mieux.
- Menu déroulant CSS (Alsacréations)
Commentaires
Ha les menus déroulant… Toutes une histoire
C’était encore plus le bordel il y a quelques années de cela lorsque Netscape racheté par AOL passait de sa version 4.x à la 6.x en perdant l’usage des. Il y’avait aussi en même temps IE avec sa version 5 et son DOM qui changeait par rapport aux version 4.x Pour faire un menu déroulant marchant de partout, fallait se lever tôt 
Au passage, si tu penses refaire un peu aussi l’interface de saisie pour le projet Veda et si c’est pas déjà fait… En fait, je sais pas si il en existe une puisque j’ai jamais rédiger de test (oups!). Mais il existe quelques éditeurs wysiwyg réalisés en javascript pour que l’écriture de ces derniers soit plus agréable et que ça motive donc un peu les troupes ;o)
Perso, je pense que le meilleur actuellement est celui ci : http://www.fckeditor.net puisqu’il fait du code compatible XHTML. Je sais pas si tu connaissais, mais c’est vraiment pas mal.
Voila, c’était juste au passage
La navigation est simple sur Emunova, je vois pas trop ce que tu pourrais modifier ? Enfin bref, bon boulot sur la prochaine version alors