Je connais depuis un moment (CSS Tricks est une lecture indispensable pour tout intégrateur digne de ce nom) mais c'est inapplicable pour nous : ça présuppose de connaître les entêtes de tableau à l'avance (le content est ensuite re-généré dans la css). Sur le plan de l'accessibilité, je demande à voir aussi : que font les lecteurs d'écran d'un contenu généré par CSS: savent-ils le lire ?
Le 28 octobre 2013 16:16, Christopher Crouzet <[email protected] > a écrit : > Avec un link en plus: http://elvery.net/demo/responsive-tables/ > > (desole pour le spam) > > > > 2013/10/28 Christopher Crouzet <[email protected]> > > > Ah ben ca a l'air d'etre deja dans Bootstrap, comment j'ai pu louper ca ? > > :) > > > > > > 2013/10/28 Christopher Crouzet <[email protected]> > > > >> Je viens de tomber la-dessus a tout hasard et me suis dit que l'idee > >> pourrait vous interesser : > http://css-tricks.com/responsive-data-tables/ > >> Ca a l'air interessant comme methode et la demo semble bien marcher : > >> http://css-tricks.com/examples/ResponsiveTables/responsive.php > >> > >> > >> > >> 2013/10/19 Christopher Crouzet <[email protected]> > >> > >>> Juste une petite note supplementaire parceque j'ai parle du scroll > >>> horizontal un peu pejorativement sans dire pourquoi. Le truc c'est que > >>> quand il y a un scroll disponible sur les deux axes sur les mobiles > avec > >>> touchscreen, c'est plutot dur d'isoler un seul axe de scroll. Par > exemple > >>> si j'essaye de scroller seulement verticalement, il y a de grandes > chances > >>> que ca parte un peu sur le cote, ce qui peut etre un peu agacant, et > vice > >>> versa :) > >>> > >>> C'est pour ca que l'ideal pour un site mobile c'est d'avoir le contenu > >>> qui s'ajuste a la largeur de l'ecran, mais comme tu le dis, ca > demanderait > >>> des changements encore plus consequents. > >>> > >>> Et je ne sais pas quoi te dire pour l'espace vide sur la droite si ce > >>> n'est que ca semble etre le cas seulement sur la page avec la liste des > >>> billets, et qu'a priori je ne vois pas d'elements qui deborderaient > pour > >>> expliquer ca. Mystere ! > >>> > >>> > >>> > >>> 2013/10/19 Kozlika <[email protected]> > >>> > >>>> Le 19 octobre 2013 13:12, Christopher Crouzet < > >>>> [email protected] > >>>> > a écrit : > >>>> > >>>> > > >>>> > Dans la liste des billets par exemple, il y a trop d'infos a > afficher > >>>> pour > >>>> > un petit ecran, donc non seulement ca depasse largement en largeur > >>>> (il faut > >>>> > scroller), mais aussi l'espace alloue au titre des billets par > >>>> exemple est > >>>> > compresse au point de n'afficher qu'un seul mot par ligne. Et il y a > >>>> aussi > >>>> > un grand espace vide sur la droite de l'ecran. > >>>> > > >>>> > Sur la page d'un billet, la mise en page est un peu cassee. > >>>> > > >>>> > Mais bon, c'est juste esthetique, ca a l'air de bien marcher sinon ! > >>>> > > >>>> > Voir pieces jointes (si elles passent). > >>>> > >>>> > >>>> > >>>> Merci pour tes tests. > >>>> Faut pas rêver si on veut que ce soit impec sur des téléphones il > faudra > >>>> passer par autre chose que seulement les css pour les tableaux :-). > >>>> Pour le > >>>> scroll c'est voulu afin qu'on puisse tout lire. > >>>> J'ai fait quelques modifs qui devraient un peu améliorer les choses (à > >>>> voir > >>>> demain matin). > >>>> Par contre je n'arrive pas à reproduire l'espace vide sur la droite de > >>>> l'écran dont tu parles. > >>>> > >>>> -- > >>>> Anne / Kozlika > >>>> -- > >>>> Dev mailing list - [email protected] - > >>>> http://ml.dotclear.org/listinfo/dev > >>>> > >>> > >>> > >> > > > -- > Dev mailing list - [email protected] - > http://ml.dotclear.org/listinfo/dev > -- Anne / Kozlika -- Dev mailing list - [email protected] - http://ml.dotclear.org/listinfo/dev
