Bonjour, Merci d'avoir posé la question car c'est un sujet bien actuel pour moi également.
La grande majorité des navigateurs pour mobiles et tablettes tactiles supportent les media queries qui permettent donc de faire du responsive design. Dans ce domaine, cette technique est déjà dans les usages. En revanche pour un usage sur desktop il faut être prudent sur les réglages par défaut, les résolutions de 1024px de large étant encore très répandues avec parfois des navigateurs anciens. Je dirai que si les media queries sont intelligemment définies, notamment en pensant aux plus petits écrans desktop sans css3 d'abord puis en optimisant avec des css3 conditionnels pour les autres configurations. La mauvaise pratique serait d'établir une feuille de style de base pour un écran en 1920 par 1080 puis gérer les autres cas en medias queries. J'ai vu pas mal de maquettes en agence de cette taille là, donc sur un malentendu le montage peut mal partir ! Si on veut se cantonner à du CSS2, avec la directive media="handeld" on peut cibler du css pour le mobile, c'est toujours mieux qu'une interface non optimisée pour le mobile mais insuffisant face au nombre impressionnant de devices de tailles variées que l'on peut trouver désormais. Je laisse la parole aux autres pour la question : est-ce valide ou pas et quels critères pourraient-être impactés ? Carsten MEYER Développeur front-end et EAE Le 8 février 2012 15:28, Aude JOLY <[email protected]> a écrit : > Bonjour la liste,**** > > ** ** > > On entend de parler de plus en plus de « responsive web » : > http://designmodo.com/responsive-design-examples/ .**** > > Ces nouvelles pratiques me semblent tout à fait intéressantes, puisque > finalement elles permettent d’adapter la mise en forme de l’information au > support pour faciliter la lecture…**** > > Mais…**** > > C’est du CSS3, donc pas vraiment inter-opérable… Beaucoup (d’anciens) > navigateurs ne le gèrent pas… et question recommandations W3C … je ne sais > pas où on en est vraiment ?**** > > ** ** > > Vous, qu’en pensez vous ? Est-ce plutôt un atout ou un handicap à > l’Accessibilité ?**** > > ** ** > > Merci de vos avis**** > > ** ** > > Aude**** > > ** ** > > ** ** > > *Aude JOLY***** > > Chef de projet - Ingénieur en développement**** > > Experte TYPO3 - TYPO3 Certified**** > > Experte Accessiweb en évaluation**** > > **** > > *E-**Magineurs > *33 quai Arloing (Bat C) > 69009 Lyon**** > > Ligne directe : +33 4 82 53 25 00 > Tel : +33 4 37 37 88 00 > *[email protected] * > www.e-magineurs.com > Dernières références <http://www.calameo.com/read/000085683bd05c501294a>** > ** > > Google > maps<http://maps.google.fr/maps?f=q&source=s_q&hl=fr&q=33+quai+Arloing&ie=UTF8&hq=&hnear=33+Quai+Arloing,+69009+Lyon,+Rh%C3%B4ne,+Rh%C3%B4ne-Alpes&z=16&iwloc=Ahttp://maps.google.fr/maps?f=q&source=s_q&hl=fr&q=33+quai+Arloing&ie=UTF8&hq=&hnear=33+Quai+Arloing,+69009+Lyon,+Rh%C3%B4ne,+Rh%C3%B4ne-Alpes&z=16&iwloc=A> > **** > > [image: cid:FBAF69CF-DD91-48E1-905C-8120679470C0]**** > > ** ** > > _______________________________________________ > liste_gta mailing list > [email protected] > http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org > >
_______________________________________________ liste_gta mailing list [email protected] http://list.accessiweb.org/mailman/listinfo/liste_gta_list.accessiweb.org
