Depuis que ce thème est en place, il était prévu que je le rende responsive afin que le rendu soit propre sur les plate-formes mobiles, et même sur les écrans plus petits que la moyenne actuelle en général. Il était donc temps que ça soit fait, et c’est le cas aujourd’hui. Petit écran, smartphone ou tablette Android, Windows Phone ou même iOS, plus aucun soucis, plus besoin de zoomer pour lire les articles de façon agréable (mais rien ne vous en empêche si vous le souhaitez bien entendu).
Pour accéder à cette version mobile vous n’avez rien à faire : grâce à la magie du CSS3 et des media queries, le design s’adapte automatiquement à votre écran. Ainsi, si ce dernier est suffisamment large vous verrez la totalité du site. Au contraire, si vous naviguez sur Tasse de Café sur votre mobile (par exemple), la sidebar sera masquée, laissant toute la place au contenu. De même, les images ne déformeront rien : même si leur largeur est supérieure à celle de votre écran, elles seront redimensionnées automatiquement.
Bref, rien si vous visitez souvent ce blog via un terminal mobile, c’est une nouvelle qui devrait vous intéresser. De même, j’en ai profité pour apprendre pas mal de trucs au passage donc ça donnera naissance à de prochains tutoriels qui devraient aussi vous intéresser si vous voulez adapter vos designs aux plate-formes mobiles en les rendant responsive.
Enfin, n’hésitez pas à me rapporter d’éventuels problèmes ou bugs, ils pourraient arriver donc les commentaires sont aussi là pour ça.
6 commentaires
en parlant de bug, il y en a un quand je passe plusieurs fois de suite ma souris sur les logos RSS twitter G+ et Facebook.
bonne continuation.
@jeff: Les boutons qui s’ouvrent et se ferment tout seuls ? Je crois qu’ils le font le nombre de fois où on passe dessus, mais je n’ai pas encore eu le temps de me pencher trop dessus, merci. ;)
D’abord, c’est bien mieux ! Surtout quand je suis en mode « veille du web » et que j’ai le panneau de mes flux RSS d’ouvert dans Opera ; en reponsive, Tasse de Café est affiché pleinement, et sans perte. Pour l’instant, je n’ai remarqué que quelques petits désagréments, que je laisse à la discrétion du webmestre :
– je trouve les intitulé (Nom, E-mail, …) des commentaires bizarrement alignés, et ce même s’il en a toujours été ainsi, ce décallage des cadres m’a toujours semble bizarre
– pour ces même commentaires, il y a un espace vide entre le bouton pour poster un commentaire (sucrer le café) et le bouton d’abonnement (S’abonner à la discussion). Dépendant des possibilités, je les verrais bien alignés, la police de l’abonnement quelque peu réduite s’il faut. Je crois comprendre d’où cela vient, néanmoins : le bouton d’abonnement s’affiche à la ligne en dessous de la dernière ligne du menu à droite. Drôle d’alignement.
– dernier petite remarque, le hover blanc pour les réseaux sociaux et le flux RSS est un peu bizarre, dans le sens où une fois qu’on passe son curseur sur l’icône, on ne voit plus rien.
Ma configuration : Opera 12.02, sur une Arch GNU/Linux avec Gnome 3.4.
@PostBlue: Concernant les boutons de la sidebar, il n’y a pas de hover blanc, c’est un changement de fond, c’est étrange que tu ne le vois pas, je viens de tester et ça fonctionne parfaitement chez moi.
Pour ce qui est des commentaires, il y a pas mal de soucis, notamment au niveau des réponses et, comme tu l’as dit, la case d’abonnement, j’ai prévu de m’en occuper d’ici peu. Moi j’aimais bien les labels comme ça, mais je pensais changer donc ça tombe bien. ;)
@Jérémy: Autant sous Firefox le changement de fond fonctionne impeccablement, autant sous Opera ça ne donne rien. Je vais rétablir une configuration par défaut, peut-être est-ce l’un ou l’autre réglage qui n’est pas pris en compte.
Bon courage pour le reste !
@PostBlue: Ça voudrait donc dire qu’Opera ne gère pas les images de fond multiples, mais ça me paraît étrange quand même.
Les commentaires sont fermés.