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

Consultez la formation SEO spéciale Wordpress
par WebRankInfo / Ranking Metrics

Alorsladaccord
WRInaute impliqué
WRInaute impliqué
 
Messages: 502
Enregistré le: 30 Juil 2014

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

Message le Mer Mar 15, 2017 17:20

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
WRInaute discret
WRInaute discret
 
Messages: 137
Enregistré le: 17 Oct 2009

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

Message le Jeu Mar 16, 2017 11:21

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.
Code: Tout sélectionner
<nav>
<ul>
<li></li>
</ul>
</nav>


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

Alorsladaccord
WRInaute impliqué
WRInaute impliqué
 
Messages: 502
Enregistré le: 30 Juil 2014

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

Message le Jeu Mar 16, 2017 11:30

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
WRInaute passionné
WRInaute passionné
 
Messages: 2079
Enregistré le: 9 Aoû 2005

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

Message le Jeu Mar 16, 2017 11:37

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
WRInaute impliqué
WRInaute impliqué
 
Messages: 502
Enregistré le: 30 Juil 2014

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

Message le Jeu Mar 16, 2017 11:40

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
WRInaute passionné
WRInaute passionné
 
Messages: 2079
Enregistré le: 9 Aoû 2005

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

Message le Jeu Mar 16, 2017 11:42

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 :D

Fouille sur Codepen, tu devrais trouver ton bonheur
Modifié en dernier par Furtif le Jeu Mar 16, 2017 11:51, modifié 1 fois.


niap
WRInaute discret
WRInaute discret
 
Messages: 137
Enregistré le: 17 Oct 2009

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

Message le Jeu Mar 16, 2017 11:51

Furtif a écrit: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
WRInaute accro
WRInaute accro
 
Messages: 8332
Enregistré le: 14 Mai 2003

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

Message le Jeu Mar 16, 2017 11:57

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
WRInaute accro
WRInaute accro
 
Messages: 2869
Enregistré le: 8 Avr 2011

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

Message le Jeu Mar 16, 2017 12:00

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
WRInaute impliqué
WRInaute impliqué
 
Messages: 502
Enregistré le: 30 Juil 2014

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

Message le Jeu Mar 16, 2017 12:11

spout a écrit: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
WRInaute passionné
WRInaute passionné
 
Messages: 2079
Enregistré le: 9 Aoû 2005

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

Message le Jeu Mar 16, 2017 12:32


noren
WRInaute accro
WRInaute accro
 
Messages: 2869
Enregistré le: 8 Avr 2011

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

Message le Jeu Mar 16, 2017 22:49

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 :)


Formation recommandée sur ce thème :

Formation SEO spéciale Wordpress : apprenez à optimiser le référencement naturel d'un site fait avec Wordpress... Formation Ranking Metrics animée par un expert SEO / Wordpress.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :