Aller au contenu
  • billets
    99
  • commentaires
    933
  • vues
    417 586

T4A devient pote avec vos appareils mobiles!


SuN

6 672 vues

 Share

Salut à tous!

Comme vous avez sans doute du le constater, T4A a quelque peu changé de look depuis une petite semaine.

En cause: le passage du site au format "responsive", afin que le contenu reste visible à l'écran en toutes circonstances, peu importe votre résolution. A partir de maintenant T4A est donc compatible avec tous vos mobiles! YAY. Il reste encore certaines choses à optimiser de ce point de vue, mais globalement tout est opérationnel. (de toute façon ça pouvait pas être pire...)

 

Pour simplifier le processus de mise à jour tout en modernisant le design, un certain nombre d'éléments graphiques ont également été retravaillés. Grosso-modo on est passé à un design "flat" sans fioritures. (exit les dégradés, bords arrondis, etc.). Mis à part les petites modifications effectuées sur les pages d'accueil des différentes rubriques, le seul "véritable" changement concerne l'espace membre, passant de la colonne de droite au menu principal (tout à droite). C'est non seulement plus logique, mais aussi plus ergonomique sur les versions mobiles (les options membres se seraient retrouvées en pied de page sinon). On espère que vous ne serez pas trop perdus!

 

D'ailleurs en parlant du menu, les sous éléments se déplient dorénavant verticalement et plus horizontalement, ce qui est quand même beaucoup plus pratique! (si je tenais les débiles qui avaient eu l'idée de faire ça... :p ).

 

Enfin, la page d'accueil a elle aussi été retravaillée. D'un point de vue technique les scripts ont tous été changés, mais visuellement il s'agit surtout d'une réorganisation des différents éléments.

 

Bref, tout est sensé être opé sur la version classique du site, et il nous reste encore quelques améliorations à faire sur les versions mobiles. Si vous avez des remarques n'hésitez pas à nous contacter ou à commenter ce billet, merci!

 

EDIT 11/6: Les tableaux ont été modifiés. Certains problèmes liés à la pagination ou au tris sous certains navigateurs ont été également corrigés. En bonus il est maintenant aussi possible d'effectuer une recherche rapide dans un tableau, pratique si vous avez pas mal de chansons dans votre songbook ;)

 

Bonne gratte!

 Share

14 Commentaires


Commentaires recommandés

Je me disais bien que la page d'accueil avait changé de format (pour le mode portrait de mon vieil ipad) et que je n'étais plus ogligé de glissé à droite pour chercher et trouver le menu des différents accords, gamme, accordeur, métronome, etc...

 

Bravo pour cette Maj :)

 

D'ailleurs à mon avis, ce serait pas mal qu'il y ai quelque chose à gauche de ce petit menu qui est actuellement vide.

Un bandeau quelconque par exemple...

Lien vers le commentaire

Vraiment sympa, il manque plus que ça pour le forum :p

 

Hello,

 

pour info, il y a un problème si on utilise Firefox

 

Ah pas chez moi ! j'utilise le tout dernier Firefox, pas de soucis quelque soit la taille.

Sur mon FirefoxOS non plus, sauf un petit décalage de 5px peut-être vers la droite mais rien de gênant.

Lien vers le commentaire

@LoDuSud: tu veux dire à coté des icônes "outils" sur la version mobile? Je suis pas sûr de bien comprendre

 

@Dystopia: A quel endroit le décalage exactement?

 

@cd257: C'est à dire...?

Lien vers le commentaire

@LoDuSud: tu veux dire à coté des icônes "outils" sur la version mobile? Je suis pas sûr de bien comprendre

 

@Dystopia: A quel endroit le décalage exactement?

 

@cd257: C'est à dire...?

 

Toute la page est décalée vers la droite, comme le comportement div row sous bootstrap.

Lien vers le commentaire

Par exemple, dans la page http://www.tabs4acoustic.com/blogs/derniers-articles.html , les cadres "top tablatures", et "top cours de guitare", "top sites", etc... empiètent sur la colonne "ajouté le" du sommaire.

 

Ceci dit, je n'ai pas la version la plus récente de FF (27.0.1.), mais je ne peux pas la mettre à jour car je ne suis pas l'administrateur de mon laptop

Lien vers le commentaire

Salut, tout va presque bien chez moi, 1 petit truc

 

en page d'acceuil, au niveau du carousel « à la une », lorsque l'image est plus large que la précédente, ça décale le texte vers le bas : parfois au moment de cliquer le pointeur n'est plus à la bonne position (bon on peut corriger mais c'est légèrement perturbant).

Lien vers le commentaire

+1 remarque :

ça merde un peu sur mon ipad, dans l'onglet Tabs, les paroles des chansons ne sont pas entièrement visible faut glisser à droite si tu veux la fin des phrases, pas pratique quand tu fais défiler le texte automatiquement en même temps que tu joues.

 

Lien vers le commentaire

Heu...le défilement ne marche pas d'ailleurs !

En format paysage le problème du texte coupé disparaît ;)

Lien vers le commentaire

Merci pour vos retours les gars je vais regarder ça!

@LMichel: c'est le comportement par défaut du script, mais j'avoue que ce n'est pas très pratique.

@Dystopia: on n'utilise pas Bootstrap (Foundation), à mon avis c'est la zone de pub qu'on n'a pas encore passé responsive qui déconne

@LoDuSud: Le coup des paroles chanson qui ne sont pas visibles, c'est chiant mais logique si le texte est trop long. On ne peut pas faire grand chose (mis à part faire un retour à la ligne, mais ce n'est pas optimal). Perso j'utilise l'option d'impression pour simplifier la lecture dans ce cas (pour ça qu'il y a aussi le défilement sur cette page :p ). Le défilement auto qui ne fonctionne pas ça par contre c'est moche, je vais mater çà. :/

@cd257: impossible de reproduire ton problème. T'as essayé avec un autre navigateur?

Lien vers le commentaire
Invité lesalexs

Posté(e)

Salut, un petit problème rencontré par Minh et moi : quand on veut se connecter, une flèche renvoie sur la droite pour accéder à l'espace de connexion, or il n'y a rien à droite, il faut deviner que le truc à faire c'est de cliquer sur la tête de bonhomme en icône

Lien vers le commentaire

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...