Pourquoi tant de haine ?

Snif, snif.

Page 23, phrase 5

La fonction str:replace remplace toute occurence d'une des chaînes recherchées dans une chaîne d'entrée par des noeuds de remplacement, et crée un ensemble de noeuds.

Sal Mangano, XLST en action (ISBN : 2-84177-240-3)

  1. Prendre le livre le plus proche.
  2. Ouvrir le livre à la page 23.
  3. Trouver la cinquième phrase.
  4. Ecrire le texte sur votre journal ainsi que ces instructions.

bonjourlesmouettes in Tuscany...

C'est le titre de la nouvelle CSS de bonjourlesmouettes.org. Si vous avez un navigateur un tant soit peu correct, vous pouvez la voir en changeant la CSS d'affichage. Avec Fire(bird|fox), par exemple, vous avez un bouton en bas à gauche pour passer d'une CSS à l'autre.

Si vous trouvez un moyen de l'afficher avec Internet Explorer, a) signalez-le moi, b) vous ne verrez tout de même pas :D certains des ajouts... Comme ceux réalisés au moyen des directives content, et particulièrement dans le titre, ou vous n'avez que la partie "bonjourlesmouettes"... Je voudrais pas faire de ségrégationnisme, mais bon, c'est qu'une CSS alternative, alors... Ah oui, pendant que j'y suis, j'suis pas sûr que ça soit regardable en dessous de 1024x768. Oui, je sais, c'est pas bien. C'est pas bon pour l'accessibilité, et tout et tout. Ce que je vous martelle à longueur de pages.

Mais c'était pas mon but. Mon but, c'était de partir d'une photo qui n'avait rien de merveilleux, de la retoucher un peu (j'ai principalement augmenté le contraste et la luminosité), et de faire une CSS autour. Seulement une CSS, pas me retaper un template DotClear (mais je suis en train d'en préparer, des templates, vous inquiétez pas...). Je sais pas si j'y suis arrivé. Vous pouvez laisser vos commentaires en dessous, dans le formulaire prévu à cet effet (s'il n'est pas affiché, cliquez sur l'ID du post, juste avant le titre du post suivant, ou sur la mention du nombre de commentaires, au même endroit). Même vos critiques, surtout si vous mettez quelques arguments. Je ne me prétends pas webdesigner.

Salve, DotClear

Bienvenue, donc, à DotClear, le nouveau moteur de mon blog...

Nouveau design, reprenant certains éléments du premier, j'espère avoir gardé le meilleur ! J'ai refait ma CSS print (cf. ce post), j'ai changé ma mouette (même si j'ai gardé la même photo de départ, extraite de Côté Nature, cf le RDF), j'ai rajouté les méta-données RDF à côté de chaque post (oui, oui, même que ça contribue vachement aux 1100 lignes de XHTML actuelles de la page d'accueil). Pour se dernier truc, c'est vrai que c'était quasiment déjà tout fait dans DotClear. Par contre, j'ai refait le flux RSS qu'il proposait, parce que je le trouvais trop RDF et pas assez RSS. Une très bonne idée, à l'inverse, c'est d'attacher une feuille de style CSS au flux RSS. Vous pouvez retrouver ce flux dans le menu de gauche, au rayon "Liens".

Ce qui m'a poussé à passer à DotClear, c'est la simplicité (quasiment out-of-the-box), le respect des standards (RDF, XHTML, XML-RPC...), la catégorisation (les catégories, quoi), et le système de plugins. Et, de fait, j'en ai développé 5 (enfin 4, parce que le 5ème me sert à stocker des trucs et des machins). Ce sont généralement des reprises des ajouts que j'avais faits à PHPBlog :

  • Citation : vous pouvez le voir à l'oeuvre dans le menu de gauche.
  • On my playlist : vous pouvez le voir à l'oeuvre dans le menu de gauche (en fait, il n'y a qu'un menu, donc pas besoin que je précise).
  • GéoURL : à voir en-dessous de ce post, et des autres aussi, il vous indique d'où je poste. Vous pourrez d'ailleurs remarquer que je ne poste pas ce billet de chez moi.
  • Liens : cf le menu (oui, de gauche, il n'a pas changé de place... à voir... une CSS dynamique...).

Oui, je les realeaserai (un vieux de moins... y'a pas qu'la canicule qui fait des ravages dans certaines instutions :D ). Quand j'aurai compris le mécanisme des packs d'installation. Je cherche, je cherche.

Citation

Module assez simple, une table MySQL `dc_citations`, qui stocke toutes les citations, deux-trois fonctions pour ajouter des citations à partir de l'interface d'administration (rubrique Outils). Et une fonction supplémentaire pour les templates, dcCitation(), qui affiche aléatoirement une citation extraite de la table, sous forme d'un blockquote.

On my playlist

C'est kif-kif, la seule différence, c'est le contenu. Définit la fonction pour le template dcPlaylist().

GéoURL

Ca se complique un peu. La tâche est simple : afficher d'où je poste. Mais là où le boulot devient compliqué, c'est qu'il faut attacher ces informations au billet, et donc modifier la structure de la table (ça, c'est simple), puis modifier les classes qui gèrent l'affichage, en-dessous du template, pour qu'elles intègrent un nouveau champ dans le formulaire d'ajout et de modification, puis qu'elles ajoutent ou modifient la valeur de ce champ dans la table MySQL. Une interface d'administration ici aussi pour ajouter ou supprimer (pas de modification possible pour si peu ! Un jour, peut-être...) des localisations. Une fonction template aussi, dcGeoURL(), qui affiche le lieu de post sous forme de dfn.

Liens

Les liens reprennent le système des deux premiers, mais permettent aussi le tri en catégories (ici, "Blogs .fr", "Blogs pas .fr" et "Liens divers", le lien RSS n'étant pas géré par le plugin). Là aussi, une fonction template, dcLiens(), qui affiche l'intégralité des liens. L'interface d'administration du plugin permet d'ajouter ou de supprimer des liens. Tout ceci en une seule table MySQL (oui, au niveau des formes normalisées, c'est nul, mais au moins ça tient moins de place).

Le plus long, en fait, dans l'installation de DotClear, ça a été le passage du texte de mes posts dans la syntaxe Wiki de DotClear, surtout ce post-ci, un petit paquet de liens... Ca m'a entraîné aux expressions régulières ! J'ai pas résisté au plaisir de costumiser la syntaxe... J'ai commencé par updater vers la dernière version Wiki2XHTML. J'ai ensuite rajouté un petit tip pour me permettre de mettre des omissions ([...]) dans mes citations... C'est un petit peu du bricolage, car ça ne fait qu'entourer les crochets de </a> et <a>, ce qui a l'avantage de faire disparaître aux yeux du visiteur le lien... Peut mieux faire. J'ai ensuite ajouté deux nouveaux tags : <samp> (pour des bouts de code), <sup>, et <sub> (je sais pas si ce sont des "bons" tags au sens sémantique du terme :/ ... si quelqu'un a un avis là-dessus). J'ai fini en ajoutant une URL spécifique, avec le mot-clé permalink:, ce qui m'évite bien des soucis avec les... permalinks. Et je me suis arrêté là, parce que je suis pas super à l'aise avec les PCRE...

Important

Les liens permalink de type permalien.php?id=... ou index.php?id=... sont encore valides, mais NE DOIVENT PLUS ETRE CITES COMME LIENS PERMALINKS, PUISQU'ILS PEUVENT DISPARAITRE D'UN MOMENT A L'AUTRE (suspens...). Utilisez à la place les liens que vous trouvez à la fin des posts (#...).

Un petit mot pour finir sur les logos de la colonne de gauche... Je sais, y'en a beaucoup. Trop. Je ferai du tri quand j'aurai le temps. Quelques explications :

"Powered by", c'est la liste des logiciels que j'utilise... Premier de la liste, DotClear (1.0 rc3), parce que c'est le plus évident. Ensuite, Apache (pour la version, demandez à mon hébergeur), parce que sans lui, rien ne tournerait. PHP, lui, fait tourner DotClear. MySQL stocke quant à lui mes données, puisque s'en est une base.

Après, les standards... A tout seigneur, tout honneur, les standards XML : XHTML, RSS, RDF (affichez la source de la page, pour voir !), SVG (en cours d'optimisation). Les standards divers : CSS et PNG (dont les logos).

Viennent ensuite les "crédits"... Fait avec Notepad, "à la main", oui monsieur, oui madame (j'l'avais pas déjà casée, cette expression ?). Les images ont été truq... euh... retouchées avec Adobe Photoshop 6.0. Rien n'aurait été possible sans Mozilla Firefox. Geek se passe de commentaires (le chiffre est faux). Oui, j'ai un écran 1152x864, mais je ne vous oblige pas à changer de définition. Ca devrait même être lisible (moins joli, mais lisible) en 640x480 (ça fait combien d'années que j'ai laissé tombé ça, moi ?). Et merci enfin à mon ami Google.

Mon blog est validé (enfin, normalement) XHTML 1.0 Strict (qui a hurlé sus aux extrémistes ?), CSS 2 et sans frames (mais ça, j'en suis sûr) !

Pour conclure, je sais qu'il n'y a pas beaucoup de liens dans ce post, mais a) j'ai pas envie de recopier les liens de mes boutons, et b), avec le fait de mettre des liens allait l'obligation d'utiliser un clavier QWERTY... Et j'ai beaucoup de mal à m'y faire. Le Q et le W déplacé, ça va à peu près (quoique l'inversion Z-W...), mais alors le M à côté du N, pas moyen de m'y faire ! Pourquoi, vous direz-vous (ou alors vous en avez rien à faire), un clavier QWERTY irait-il avec des liens ? Y aurait-il un quelconque jeu de mots trop intellectuel pour nous, ou alors une private joke que nous ne pourrions pas comprendre, du fait de son intrinsèque mystère, ou bien encore est-il tout simplement con ? Et bien non, lecteur qui te poses la question, tu as simplement la mémoire courte et les yeux non atteints par un strabisme divergent vertical, car sinon tu saurais, parce que je l'ai dit plus haut, ou parce que c'est écrit juste en dessous, que je tape ce billet à Castiglion Fiorentino... Un petit peu de réflexion hautement linguistique et philologique t'aurait fait comprendre que cette charmante ville ne saurait se trouver en France... Un atlas, ou tes connaissances personnelles, t'aurai(en)t indiqué le chemin de la vérité intersidérée : Castiglion Fiorentino, c'est en Italie ! La vérité Inter-Juve t'éclate donc en pleine lune, comme un vulgaire chewing-gum, je suis en vacances, coincé loin d'Internet (ça vous étonnait peut-être que j'ai eu le temps de faire ça), avec à choisir entre mon ordinateur portable, avec clavier AZERTY et tout le confort (puisque je poste de mon lit), et un confortable (joli siège de direction rouge) point Internet, ouvert aussi souvent qu'une bonne soeur (pardon, j'ai pas pu résister), mais muni d'un clavier QWERTY, et, horreur, d'une connexion à Internet à 38,8 kbps/s. Oui, ça existe encore. Pendant le temps, assez important, que mettaient à se charger les pages que je consultais, j'ai eu le temps de calculer que c'est tout de même 26 fois plus lent que ma connexion à 1024 kbps/s. Et en plus, c'est limité à 30 minutes. Explication : il n'y a qu'un seul ordinateur. Et oui. Les pages que je consultais, d'ailleurs, c'étaient l'interface web de ma boîte aux lettres électronique. A un jour près, je suis parti de chez moi il y a une semaine. 200 mails, 1 seul intéressant.