Myelefant vous simplifie le marketing mobile.
Android. Screenfly by QuirkTools — Test Your Website at Different Screen Resolutions. Un menu déroulant adapté aux mobiles. La percée des terminaux mobiles tels que smartphones et tablettes impose de nouvelles règles en terme d'ergonomie et de webdesign spécifiques aux écrans de taille réduite.
Les menus de navigation déroulants posent de nombreux problèmes d'accessibilité dans des conditions d'usage "classique", et ceux-ci se voient décuplés dans le monde du Web mobile où la navigation verticale est à privilégier (l'affichage sous forme de colonnes côte à côte doit être prohibé sur de petits écrans). La technologie CSS3 des Media Queries va permettre de réaliser une intégration adaptée aux écrans de petite taille en détectant deux largeurs que nous aurons définies par avance, en amont du projet (ici "moins de 1000 pixels" et "moins de 540 pixels").
En action ! Voici ci-dessous les captures d'écran des différents états du menu selon les tailles d'écran respectives. Menu "classique" (écrans de plus de 1000px) :