MobileSide (JavaScript)

Facebook Twitter

Paul Irish - Google+ - My "Mobile Web Performance" Google Tech Talk is finally up,… Un menu déroulant Web adapté aux smartphones et tablettes - Journal du Net Développeurs. La technologie CSS3 des Media Queries permet de réaliser une intégration adaptée à la fois aux ordinateurs et terminaux mobiles, en détectant deux largeurs d'écran.

Un menu déroulant Web adapté aux smartphones et tablettes - Journal du Net Développeurs

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"). Sencha - Desktop and Mobile JavaScript Frameworks - Ext JS, Ext GWT and Sencha Touch | Sencha.

TinySrc. Rethinking the Mobile Web by Yiibu. Detect Mobile Browser - Open source mobile phone detection. Mobile web development (Plug-in jQuery)