Naimpostures, c'est naimposte quoi

Depuis mon installation, j'ai fait quelques changements qui ne sont probablement pas très visibles à l'œil nu mais qui sont pour moi relativement importants. Dans trois domaines qui m'intéressent particulièrement : l'utilisabilité de l'interface, le respect (relatif) de l'orthographe et de la typographie et l'accessibilité via un code (relativement) sémantique.

La première chose dont je me suis préoccupé, c'est d'éditer le modèle de mise en page pour mettre les accents aux bon endroits, y compris sur les majuscules (Écrit par, à, …). Relativement facile avec une liste des entités HTML sous la main. Dans le même ordre d'idées, j'ai ajouté une règle CSS pour que les citations apparaissent entourées de guillemets français (seulement visibles si vous n'utilisez pas Internet Explorer) :

q { quotes: "\AB\2009" "\2009\BB" "\201C" "\201D" "\2018" "\2019"; }

Ensuite, je me suis attaqué à ce qui m'a toujours énervé sur joueb.com : le monstrueux Lire l'article ! (suite de l'article + x commentaires) qui, en plus d'être gramaticallement incorrect lorsqu'il n'y a qu'un commentaire, ne permet pas de savoir si réellement il y a quelque chose de plus à lire ou non. C'est d'ailleurs la confirmation par Biz que ce texte pouvait être adapté qui m'a décidé à ouvrir ce joueb (un rien me motive :)) J'ai opté pour la solution à laquelle m'ont habitué d'autres outils comme MovableType ou DotClear, c'est-à-dire un lien Lire la suite… si nécessaire et un autre pour accéder aux commentaires. Ce n'est pas très créatif non plus mais bon…

Je me suis donc plongé dans la documentation des modèles de mise en page pour comprendre comment fonctionnaient objets et attributs et après une petite bagarre avec les opérateurs, j'ai fini par pondre le code suivant :

<div class="newscmd"><a href="<attribute news_url>"><object sub_class=summary_text_follows>Lire la suite…</object></a> (<a href="<attribute news_ur>#comments"><if_attribute nb_comments=0>aucun commentaire</if_attribute><if_attribute nb_comments=1>un commentaire</if_attribute> <if_attribute nb_comments!<1><attribute nb_comments> commentaires</if_attribute></a> <object sub_class=summary_new_comments>- <strong>NOUVEAU</strong></object>)<attribute cmd></div>

Après cela, j'ai fait une première passe de nettoyage dans le code pour tenter d'avoir une page valide, placer une première hiérarchie de titres (même s'ils sont toujours dans leurs blocs conteneurs, ce qui fait double emploi pour l'instant) et inverser l'ordre des blocs pour avoir le contenu en premier. Quelques modifications des styles CSS ont aussi été nécessaires pour repositionner tout comme avant (ou presque).

Si je poursuis dans cette voie je ne manquerai pas de publier mon modèle comme d'autres, mais j'attends de pouvoir placer les couleurs configurables dans une feuille de style externe comme l'a proposé Biz.

Édition du 20/01/2004 : Suite au commentaires ci-dessous, le code est maintenant

<div class="newscmd"><if_attribute text_follows==true><a href="<attribute news_url>">Lire la suite…</a></if_attribute> (<a href="<attribute news_url>#comments"><if_attribute nb_comments=0>aucun commentaire</if_attribute><if_attribute nb_comments=1>un commentaire</if_attribute> <if_attribute nb_comments!<1><attribute nb_comments> commentaires</if_attribute></a> <if_attribute new_comments==true>- <strong>NOUVEAU</strong></if_attribute>)<attribute cmd> </div>