Cher lecteur, peut-être as-tu remarqué une petite évolution de l'apparence du Standblog ? C'est normal. En fait, l'évolution est plus importante qu'elle n'en a l'air. On pourrait croire à un léger lifting ou pour rester dans l'analogie avec la chirurgie esthétique, une petite injection de collagène. Il n'en est pourtant rien ! En fait, le moteur du Standblog est passé à une nouvelle version de Dotclear (la dernière, la 2.6.2 !) et on en a profité pour changer radicalement de thème, lequel a été modifié pour ressembler à l'ancien thème du Standblog.
L'intérêt de la chose, c'est que ce nouveau thème est responsive, c'est à dire que sa mise en page varie pour s'adapter à la largeur de l'écran. Sur un grand écran de PC, il a 3 colonnes. Mais si l'écran est plus étroit, alors il passe sur deux colonnes. Vas-y essaye, je t'attends là. Classe, hein ? Et si tu réduis encore la largeur de l'écran, alors c'est une seule colonne. Encore plus ? C'est probablement que tu es sur un téléphone portable, alors là on réduit les fioritures, on planque l'image de mon fils adoré et tout ce qui pourrait te distraire, pour se concentrer sur le contenu et le minimum d'interface. J'aurais bien crié victoire, annoncé "bienvenue au XXIeme Siècle", mais voilà, nous sommes déjà en 2014, ça n'aurait pas été très crédible. Alors je vais me contenter de fêter l'arrivée du Standblog dans le monde du mobile, et c'est déjà pas mal. D'autant que l'interface d'administration aussi est responsive (mais là, faudra me croire sur parole ou installer Dotclear sur ton propre serveur). J'en profite pour remercier Kozlika et Franck qui sont venu m'aider dans cette migration, laquelle a été suivie d'une ingestion massive de calories dans un bon restau, parce que Dotclear, c'est le moteur de blog qui flatte les papilles (et pas seulement).
Bref, si tu trouves un bug dans cette mise en page ou une suggestion pour l'améliorer, je t'encourage à le dire gentiment ci-dessous (ce sont des amis qui font ça bénévolement !). Si tu aimes Dotclear et son équipe et que tu veux le dire, c'est encore mieux !
9 réactions
1 De Franck - 21/02/2014, 20:33
Je confirme pour le bon resto, notre hôte à un goût fort sûr, nous nous sommes régalés !
2 De goofy - 22/02/2014, 04:59
Cher Tristan,
J'ai plaisir à lire cette phrase proche de la prétérition :
« J'aurais bien crié victoire, annoncé "bienvenue au XXIeme Siècle" »
mais je pense qu'il faut demander un petit coup de main supplémentaire à nos copains de Dotclear qui méritent les plus vifs éloges : ne serait-il pas possible qu'ils taillent à ta (vaste) mesure un des ces plugins (greffons ?) qui font le charme de la personnalisation (encore un trait qu'ils partagent avec l'écosystème de Mozilla) ? Bref (et pour en finir avec ces parenthèses irritantes et filandreuses comme du macaroni au gratin) n'y aurait-il pas un truc qui permettrait de corriger automatiquement la phrase plus haut épinglée :
J'ai probablement oublié des détails, les copains typonazis complèteront (la terrible Sandra par exemple ne manquera pas d'exiger le remplacement de toutes les apostrophes par des apostrophes typographiques…).
Ah et puis les traits d'union à c'est-à-dire et puis... euh non j'arrête là, je ne vais pas non plus chipoter sur « qui sont venu m'aider » où bizarrement l'accord du participe n'est pas encore responsive
Au-delà de ces bricoles, je trouve aussi que les ptits gars de Dotclear ont fait un boulot formidable, et j'ai entendu dire que du côté de l'accessibilité aussi des nouveautés sont imminentes ou déjà là ?
3 De Ombre - 23/02/2014, 05:29
Pour les espaces typos, les guillemets, etc, il y a le plugin typo :
http://plugins.dotaddict.org/dc2/de...
4 De Jojo - 23/02/2014, 22:29
J'ai deux suggestions :
- limiter la largeur : sur un 27" avec une grande fenêtre les lignes sont très longues et ça n'est pas très agréable à lire :
dièsewrapper {
max-width: 1600px; /* chercher ce qui fonctionne le mieux */
margin: 0 auto;
}
- changer la police des commentaires qui n'est pas très agréable (et en 27", ça fait un paquet de texte par ligne... 256 caractères pour le commentaire précédent). Etrangement en enlevant les polices une à une pour voir les alternatives, je suis tombé sur Helvetica Neue qui est un peu l'inverse des xxx Narrow. Personnellement, je préfère la Helvetica Neue.
5 De Kozlika - 24/02/2014, 08:50
Salut Goofy,
Dotclear a déjà un plugin sur son dépôt qui permet d'automatiser les corrections typographiques dans les billets et/ou les commentaires (Typo de son petit nom).
Pour l'accessibilité, c'est un chantier permanent, chaque version améliore la précédente, tant pour l'admin que pour les templates par défaut. Prochainement, la 2.7 offrira un nouveau set de templates HTML5 avec ARIA et respectera les WCAG.
Pour l'admin, nous avons l'ambition de parvenir à terme à respecter toutes les recommandations ATAG, un énorme boulot a été fait sur la 2.6 (mais les bases étaient déjà très saines) : on couvre déjà la partie WCAG et nous allons le poursuivre.
6 De Nico - 24/02/2014, 16:21
Ou comment Tristan crée le concept de modernité d'antan en reprenant le thème classique du Standblog en version responsive
J'aime bien ceci dit, c'est sympa
7 De Zéfling - 24/02/2014, 22:54
J'aurais une remarque, la police « arial narrow » dans les commentaires ce n'est pas ça du tout sous Ubuntu... C'est à la limite du lisible... pour le reste, désolé de te le dire, mais ça ressemble à un blog assez quelconque en ce qui concerne de la mise en forme.
Et je constate que goofy est un sacré “puriste” (et il n'a même pas de majuscule dans son nom).
8 De Florent - 25/02/2014, 16:02
Bravo ! C'est le premier site internet qui accepte que je puisse vouloir mes fenêtres en hauteur plutôt qu'en 1920 pixels tout écrasés.
Et les marges disparaissent élégament quand elles deviennent indésirables
9 De Cédric - 28/02/2014, 10:14
Je confirme que sur mobile, c'est bien mieux !