Mieux vaut-il un select ou un menu déroulant CSS

[Alorsladaccord]

Bonjour,

Pour les téléphones mobiles, qu'est-ce qui est le mieux : faire un menu avec un formulaire select et un bouton input, ou plutôt un menu déroulant en CSS ?

Merci d'avance pour vos réponses.

 

[niap]

Le mieux dans quel sens et dans quel contexte ?

Si c'est pour naviguer dans le site je vote pour une liste dans un bloc de type nav.

<nav>
<ul>
<li></li>
</ul>
</nav>

Si c'est pour filtrer / rechercher des données le formulaire.

 

[Alorsladaccord]

Salut niap,

Le mieux au sens ergonomie et compatibilité, pour le client. Un truc qui s'affiche correctement sur tous les mobiles (ou presque) sans faire des barres de scroll etc... Pour ça, je crois que le CSS serait mieux. Le problème c'est qu'alors il faut du javascript et là, peut-être que ça bloque avec certains mobiles, ce qui ne serait pas le cas avec un simple form + select option.

Me dis-je.

 

[Furtif]

Le problème c'est qu'alors il faut du javascript

Tu as des milliers de possibilités de faire du menu css responsive sans js.

Un exemple pris au hasard :
https://medialoot.com/preview/css-only-navigation-menu/index.html
https://codepen.io/andreasstorm/pen/lriga
Faut mettre un peu les mains dedans pour le personnaliser..

T'en a des milliers comme ca...

 

[Alorsladaccord]

Ah oui, j'avais lu ça il y a quelques années. Javascript est désormais inutile pour les menus déroulants en CSS.

Et donc, ces menus fonctionnent bien sur tous les mobiles ? De toute façon, il n'y a pas trop le choix, il me semble.

Mais bon, je voulais être sûr.

**edit**

Et merci pour les liens, soit-dit en passant.

 

[Furtif]

Et donc, ces menus fonctionnent bien sur tous les mobiles ?

Jusqu'à present aucun souci a l'horizon...

Et merci pour les liens, soit-dit en passant.

Pas de quoi

Fouille sur Codepen, tu devrais trouver ton bonheur

 

[niap]

https://codepen.io/andreasstorm/pen/lriga

C'est pas con son truc de la case à cocher.
Mais au niveau accessibilité je me demande ce que ça donne.

 

[spout]

J'ai déjà vu des menu select sur smartphone ça se transforme en radios, et des select multiple en checkboxes (nativement, sans JS/CSS).

 

[noren]

Ah bin je vais regarder ca également. J'utilise jusqu'à present le menu du framework boostrap mais je ne suis pas completement satisfait et il tourne avec du js.
Si je peux m'en passer ca serait une bonne chose. Merci Furtif :wink:

 

[Alorsladaccord]

J'ai déjà vu des menu select sur smartphone ça se transforme en radios, et des select multiple en checkboxes (nativement, sans JS/CSS).

Justement, c'est pire que sur pc, il y a encore plus d'OS et de version d'OS.
Il y a là matière à faire un sondage, pour savoir quelle est la meilleure solution pour gérer des listes de liens, sur mobile.

 

[Furtif]

J'utilise jusqu'à present le menu du framework boostrap mais je ne suis pas completement satisfait et il tourne avec du js.

Voila de quoi trouver ton bonheur (en cherchant un peu)..

http://www.webdesigndev.com/20-responsive-menu-tutorials-free-scripts/
https://www.script-tutorials.com/css3-responsive-menu/
https://sitesforprofit.com/incredibly-useful-list-of-responsive-naviga ... u-patterns
http://www.dynamicdrive.com/style/csslibrary/category/C1/P0/
https://tympanus.net/Development/ResponsiveMultiLevelMenu/index.html

 

[noren]

Chercher c'est nul :mrgreen: , je préfère quand ca tombe du ciel ou du moins sur les forums

Merci :wink:

Cela dit j'avais cherché (apparemment très mal, bien chercher c'est tout un art et je devrais surtout apprendre a chercher en anglais) mais je ne suis pas tombé sur quelque chose de satisfaisant, je n'ai pas insisté et me suis contenté du menu de boostrap qui fait son job malgré tout.

Le fait qu'on en parle ici j'en profite pour me pencher à nouveau dessus