La grosse nouveauté sur #Seenthis : c’est recodé en #html5, et surtout c’est en #media-queries, c’est-à-dire que le site Web s’adapte à la taille de l’écran.
Bon, c’est pas terminé, mais j’ai essayé de faire le maximum dans la journée. Théoriquement, ça devrait se déployer au fur et à mesure, et vous pouvez donc tester sur votre iDroidPhone préféré pour voir.
Testé sur mobile, c’est nickel !
Beau travail @seenthis, vous avez bien mérité vingt minutes de sommeil.
+1000, #seenthis_ça_roxxe
J’attends un petit peu que la peinture sèche avant de remonter (d’éventuels et légers) soucis :)
Sous Android 4.1 avec le brouteur standard la barre de recherche/login saute, cad elle se met bien en bas de l’écran mais quand on fait bouger le contenu vers le haut, la barre bouge avec avant de se remettre à sa place en bas de l’écran. Même chose quand on pousse la page vers le bas, mais là c’est moins gênant.
Ah oui, mon dernier « billet » est hyper-chiant, car il est tellement long et ennuyeux, on peut « scroller » pendant des minutest avant d’arriver à sa fin. Une fonction pour plier/déplier des messages longs serait la bienvenue.
Par contre c’est super la navigation en bas de l’écran une fois qu’on est connecté. Chapeau !
Sous Google Chrome pour Android le problème avec la barre de recherche/login sautillante ne se produit pas.
Je continue avec mon Google Nexus S /Android 4.1 :
Und fois connectė une surface grise se glisse par des su l’ėcran quand on scrolle. Elle saure vers le bas pour faire Palace au comtenu et à als Barre de navigatio (Google Chrome).
Ecrire des commentaires marche trres bien - si seulement Chrome n’essayait pas de corriger mes « Fa Utes » pour en rajouter d’énormes erreurs.
Encore sous Android, cette fois avec Firefox mobile c’est encore mieux. Quand on est connecté c’est quasiment parfait, on peut scroller à n’importe quelle vitesse, pas de surface grise ou noire provoquée par le trop rapide mouvement. Quand on n’est pas connecté par contre l’effet est présent sous une forme légèrement différente que dans Chrome et le brouteur Android.
Zut, mon Firefox sous Android vient de crasher, il n’y a même pas de capture d’écran dans le menu Android des derniers apps utilisées comme il y a d’habitude.
Avant je venais de remarquer qu’on peut se connecter mais que le dialogue est pénible à remplir sous tous les brouteurs car il disparait sous le clavier virtuel.
Bonne nuit et félicitations pour cette beta impressionnante. C’est pleinement utilisable !
Sous Android, je ne peux pas me connecter. Le pop up de connexion entre en conflit avec le clavier virtuel quand je veux taper le mot de passe.
Je pense faire une page séparée de connexion, parce que de toute façon ça pose beaucoup de difficultés :
– code pourri pour gérer les erreurs en Ajax (pas dément),
– dépliage qui semble déconner (même sur PC) sur certains brouteurs,
– confusion ergonomique avec l’inscription,
– espace drôlement rikiki.
@monolecte Tu peux te connecter sous Android en faisant glisser le dialogue de connexion vers le haut pour le faire réapparaître.
si je perçois bien les choses, ça veut dire qu’on a plus la possibilité quand on dézoome une page de rétrécir la police en même temps ?
Si vous forcez le rechargement des CSS, il y a une foule de petits détails qui ont été changés. Notamment à destination des très petits écrans (éviter les colonnes de texte trop étroites).
Ben oui, mais j’ai un gros nécran avec une colonne perdue au milieu !
Ça a l’air mieux qu’avant sur Nokia S40 et Opera Mini en tt cas, merci !
@fil : oui, ça c’est pas du tout traité : virer un certain nombre de trucs masqués qui apparaissent au survol, vu que c’est assez bloquant en interface tactile.
Pour ceux qui s’y interessent j’ai trouvé ces points de cassure là dans les css de Seenthis
/ Media queries - points de cassure Seenthis /
/ Moins large que 1000px (devices et navigateurs) /
@media all and (max-width : 1000px){
}
@media all and (max-width : 900px){
}
@media all and (min-width : 780px) and (max-width : 1000px){
}
@media all and (max-width : 680px){
}
@media all and (max-width : 500px){
}
/ Mobile portraits et paysages /
@media all and (max-width : 400px){
}
