Alors que l'idée d'une refonte de la classification des documents de ce site fait son chemin, attardons-nous sur l'organisation d'une catégorie particulière : les sciences.

Une fois la base de travail identifiée (la classification Décimale de Dewey ou DDC), il faut structurer la nouvelle catégorisation pour qu'elle puisse refléter un tant soit peu les principaux sujets abordés sur le site.

Avec l'arrivée de la bibliothèque, la reconstruction du système de classification, que je repoussais depuis des mois, est devenu de plus en plus nécessaire. Encore faut-il savoir de quelle manière le faire...

Rebelote : de nouveau du renommage dans l'air, et donc des changements d'url. Cette fois-ci cela concerne la quasi totalité des articles...

A l'instar de l'équipe de développement de Firefox qui accélère son cycle de développement, ce site connaît une nouvelle itération majeure quelques semaines à peine après la précédente.

A force de développer le site en continu, le code a fini par s'accumuler, parfois de manière un peu chaotique, sans que j'ai vraiment le temps de penser sa pertinence ou sa structure. Il est donc temps de faire un peu le ménage.

Les mauvaises habitudes ayant la vie dur, je publie avec pas mal de retard des textes qui étaient en attente depuis un certain temps.

La librairie rnb-php possède de nombreuses classes qui manipulent des données stockées dans des fichiers sous différents formats ; il existait donc différentes variantes en fonction du format géré : solution qui atteint vite ces limites, d'où un changement de paradigme...

Un billet de Jeremy Keith m'a donné envie de réactiver les recherches multiples dans les taxonomies du site.

J'ai rédigé de nombreuses notes au boulot afin d'expliquer certains principes CSS aux collègues développeurs non portés sur la chose. Je vais en publier quelques unes sur ce site, en espérant que cela puisse être utile à d'autres. Comme toujours, cela aurait dû être fait il y a bien longtemps (certains textes ont plus de deux ans)...

Cela faisait trop longtemps (plus de deux ans) que nombre de pages projet étaient à l'état d'ébauche faute de temps pour les actualiser et, parfois, d'envie de traduire du code en mots. J'ai enfin eu quelques jours de disponibles afin de mettre un peu d'ordre dans tout ça.

Petite mise à jour du site, à la fois côté serveur et côté client, avec une mise à jour de la maquette, quelques corrections de bugs et l'activation de certaines nouvelles fonctionnalités.

C'était trop beau pour durer : alors que je croyais avoir enfin trouvé une certaine stabilité dans le développement du site, voilà que, comme toujours, de nouvelles envies voient le jour et amènent une énième phase de développement...

Corrections de bugs dans la gestion des archives et nouveau projet.

Publication d'un article trainant dans les cartons depuis novembre dernier, restructuration des archives, et bien d'autres choses encore.

La chose est encore en chantier et elle le restera sans doute durant plusieurs semaines encore, mais la section « Projets » du site est enfin ouverte. Elle servira à centraliser le code qui était jusque là perdus au milieu de contenu purement rédactionnel.

Toujours les mains dans le cambouis, et toujours si peu de temps à consacrer aux dizaines d'articles que je souhaiterai écrire… Quelques petites notes néanmoins sur ce qui se passe côté javascript.

Après plusieurs mois d'efforts et quelques périodes de découragement, voilà enfin la nouvelle version du site en ligne. Si cela ne semble pas flagrant au premier abord, il y a eu pas mal de remue-ménage, principalement en coulisse. Et ce n'est pas terminé.

Toujours peu de nouveautés en vitrine, mais ça carbure pas mal en coulisse. Final release soon...

Il n'y a eu que très peu d'activité sur ce site ces dernières semaines, c'est le moins que l'on puisse dire, pour tout un tas de raisons, la principale étant une cruelle absence de temps libre.

Alors que je me plaignais il y a peu du temps passé à assurer les tâches de maintenance du site, j'ai pu dégager quelques heures pour mettre à jour une série d'articles.

J'en ai déjà parlé : ce site a la fâcheuse tendance à engloutir plus de temps en maintenance qu'en rédaction. Une fois n'est pas coutume, les projets de news ou d'articles se sont effacés devant les bidouilles techniques.

La nouvelle architecture du site a nécessité de nombreuses adaptations techniques, notamment pour la mise en cache des pages.

La gestion du site a subit de grands changements ces derniers jours, avec une réécriture quasi-complète des scripts de publication PHP.

Bon, je ne sais pas si c'est parce que je n'ai pas jeté un oeil aux logs apache de mon site depuis un moment, mais j'ai l'impression que les requêtes émanant d'un hotlinking sont devenues de plus en plus récurrentes ces dernières semaines.

Depuis son lancement en décembre 2003, j'ai choisi de développer moi-même les outils permettant de publier ce site web. Au début par nécessité, puis par plaisir. Mais la satisfaction de tout faire soi-même s'accompagne de tout un cortège d'obligations.

Petit compte-rendu des quelques mises à jour du site et de certaines adaptations.

Petit changement dans la structure hiérarchique du site : la rubrique « Keynote » est renommée « Outliner ». Deux principales raisons à ce changement :

Les mauvaises habitudes ayant la vie dure, je me suis de nouveau lancé dans une refonte des scripts PHP qui gèrent la publication du site.

J'avais installé depuis quelque temps sur les pages index des fonctions javascript qui permettaient de modifier la liste des brèves ou des articles en fonction de la date ou de la catégorie de publication. Or, sans javascript, impossible d'accéder à ses fonctionnalités. J'ai donc traduit les fonctions en PHP.

Mise à jour : Réécriture complète de la syntaxe wiki pour les tableaux. La précédente version, d'une compléxité et d'une maladresse affligeantes, souffrait de certains bugs.

Voici une dernière implémentation javascript, pour faciliter à la fois l'administration du site et l'utilisation du formulaire de recherche. Ou comment simplifier la saisie des mots-clés avec un script d'glo.autocomplétion.

Nouvelle bidouille javascript : j'ai enfin trouvé le moyen d'afficher les définitions tirées du glossaire de manière satisfaisante (ou presque) avec l'objet XMLHttpRequest.

Modification de la fonction javascript utilisée dans le formulaire des pages d'index, qui permettait de modifier la liste des articles ou des brèves en sélectionnant soit leur date de publication, soit leur catégorie. La nouvelle version permet de combiner les deux sélections.

Le site est actuellement en standby, ou plutôt en « vie ralentie », pour une période indéterminée. Retour espéré dans 2 semaines.

Je n'avais pas mis les pieds sous Windows depuis plusieurs semaines déjà. Je l'ai fait ce midi pour vérifier comment se comportait la maquette du site avec Internet Explorer. Le résultat n'est pas brillant.

Evolution du glossaire du site avec l'expérimentation d'une technique faisant appel à l'objet xmlhttprequest chère aux tenants d'Ajax. Quoi ? Serais-je passé du côté obscur de la force ?! Pas tout à fait...

Je m'excuse auprès des personnes qui ont syndiqué le fil RSS du site : il était indisponible depuis quelques jours (combien ?) suite à une mauvaise manoeuvre de ma part dont je viens de prendre connaissance. Petite explication.

Mise en place d'une syntaxe wiki pour les tableaux dans la fonction php wiki2xhtml. Le code n'est vraiment pas très propre ni pertinent mais j'ai codé ça dans l'urgence. D'ailleurs, si quelqu'un à une idée, qu'il n'hésite pas...

Mise à jour de deux articles : « Quelques fonctions javascript » et « Comment mettre en forme une balise select ».

Le site est en latence depuis quelques semaines déjà. Dans le même temps, de nombreuses idées de brèves ou d'articles se sont accumulées dans mes « tiroirs ». Petite mise au point.

Alors que le site grandit en taille, la maintenance d'une version statique des pages devient de plus en plus problématique. D'où l'idée de les convertir en PHP et de bénéficier des avantages d'une publication dynamique.

La dernière phase de mise à jour du site touche à sa fin avec le remaniement de la maquette. De petites modifications dans la forme mais aussi dans la structure des pages.

Voilà une nouvelle évolution du switcher, cette liste de liens qui permet, en activant le script créé par Paul Sowden, de changer la feuille de styles appliquée aux pages.

Voilà finalement le nouveau moteur de recherche pour le site. Toujours en javascript, il s'appuie entièrement sur l'architecture de classification des documents, section, rubrique et mots-clés.

Nouvelle évolution du glossaire du site: la fenêtre popup qui apparaît lorsque l'on clique sur un lien-définition n'affiche plus l'ensemble du glossaire mais uniquement la définition demandée.

La reconstruction du site est terminée. Il faudra reboucher les trous de-ci de-là, mais la grosse oeuvre est finalement pliée avec la nouvelle page d'archive des brèves et ses deux formulaires de sélection.

La mise à jour du site suite au changement d'archivage des brèves touche à sa fin. Une des évolutions à consister à remplacer certaines décorations graphiques grâce aux pseudo-éléments before et after.

Le chantier n'est pas encore terminé, mais je poursuis l'explication de texte des nouvelles fonctionnalités du site, avec un formulaire de recherche sur chaque page.

Les mauvaises habitudes étant les plus difficiles à perdre, me voila embarqué dans un énième changement de la gestion des brèves du site. Les répercussions sont cependant moins importantes qu'auparavant puisque mon nouvel hébergeur offre beaucoup plus de libertés d'adaptations que le précédent.

Suite à la remarque d'un visiteur, j'ai quelque peu modifié le message d'alerte qui s'affiche sur toutes les pages du site si vous naviguez avec Internet Explorer.

J'ai reçu hier soir un e-mail qui m'a quelque peu interpellé :

Changement dans le formulaire de contact et retour des commentaires pour les articles.

Encore des modifications dans les quelques javascripts utilisés sur le site, notamment sur celui qui gère le style switcher.

Voilà un bug de la maquette sous Internet Explorer que je n'arrivais pas à corriger. Et si des professionnels de la profession comme Raphael Götter ne trouvaient pas la solution, j'avais très peu de chances d'y arriver.

J'ai modifié deux scripts utilisés sur le site suite à la publication des tutoriels d'Olivier Patry sur Alsacréations. Il s'agit de l'ouverture de certains liens sous forme de popup et de la gestion des galeries d'images.

La migration du site sur un nouvel hébergeur a aussi été l'occasion de modifier certains outils de gestion ou de publication.

Mon nouvel hébergeur, ovh, me permet de développer le site entièrement en PHP. Je ne vais pourtant pas forcément le faire, pour des raisons déjà évoquées (consultation des pages hors-ligne, contenu dans de simples fichiers texte et pas dans une base de données, etc.).

Voila, c'est fait, ce site a finalement une nouvelle adresse sur un nouveau serveur: omacronides.com. Les articles resterons quelques semaines sur le serveur de Wanadoo mais ils ne seront plus mis à jour. Ils seront progressivement remplacés par des liens de redirection. Les brèves et le fil RSS ne seront plus maintenus sur ce site.

Moi qui pensait que la récente période de maintenance des serveurs Wanadoo allait apporter de meilleurs outils de gestion des sites web personnels, que le passage du cgi au PHP serait un plus… Quelle désillusion: ce qui est donné d'une main est reprit de l'autre!

J'ai reçu aujourd'hui un mail d'un « jeune étudiant » de 56 ans qui soulève une question intéressante à propos du glossaire du site et de l'encyclopédie libre Wikipedia. J'ai d'abord cru que le message provenait d'un camarade de Framasoft qui voulait relancer un débat mené il y a quelques semaines sur l'un des forums du site sur une question qui me touche au plus au point : la construction, la diffusion et l'accessibilité de l'information et du savoir sur internet. Merci donc Graphophile pour ton message qui me permet d'aborder la question ici, même si ce ne sera que très rapidement (un texte plus développé est en préparation, et sera publié ici même et dans la rubrique Tribune Libre de Framasoft).

Nouvelle fonctionalité - plutôt expérimentale - sur le site : un glossaire. Les termes les plus couramment employés et qui nécessitent une courte définition sont maintenant réunis sur une page html dédiée.

Les mauvaises habitudes étant toujours les plus difficiles à perdre, l'année 2005 commence "aussi bien" que la précédente :

Dans mon éternel bidouillage de la maquette du site, j'ai apporté deux modifications qui touchent à l'utilisation du javascript.

Trois semaines ! trois semaines que le service technique de Wanadoo a fermé l'accès au serveur FTP permettant de publier les sites personnels. Cette période de maintenance avait été signalée suffisamment à l'avance pour qu'elle ne nous prenne pas au dépourvu. L'annonce était claire: du 03 au 17 janvier 2005, impossible de se connecter pour mettre à jour les pages web de son site. Sauf que la connection ne fût pas rétablie en temps et en heure, ni même les jours suivants. En guise d'explication, un simple message laconique dans l'interface d'administration: En raison d'un problème matériel, nous avons été dans l'obligation de décaler la remise en service des fonctions d'administration. Nous vous présentons toutes nos excuses pour la gêne occasionnée. Une seconde date, le 25 janvier, a bien été avancée mais pour disparaître aussitôt qu'on s'en est approché.

Le script utilisé pour le moteur de recherche est basé sur celui écrit pas Olivier Hondermarck pour javascript.com. Je l'ai modifié pour :

Avec la création automatique des pages web du site grâce à cet « AutoIt-CMS », j'ai pu ajouter quelques petites fonctionnalités comme une navigation par "mois suivant" et "mois précédent" dans les pages de brèves archivées mensuellement ou l'affichage de l'identifiant de chaque sous-titre d'article lorsque le l'on passe la souris dessus. J'en ai aussi profité pour corriger quelques bugs de maquette.

Edit (04/02/05): voir le projet « AutoIt-CMS » pour plus de détails.

La reconstruction du site va encore prendre quelques jours. D'abord pensée pour automatiser la publication d'articles, le petit script que je suis en train d'écrire va en fait gérer l'intégralité du contenu (exit donc Thingamablog). D'où le retard.

Je mettrais en ligne ce week end une nouvelle version du site qui implique une modification du nom de tous les articles.

Voilà encore une nouvelle modification majeure sur le site, une modification qui touche essentiellement la gestion des nouvelles.

A la suite de mes précédentes simplification du code, d'autres modifications me sont apparues judicieuses. Jusque là, j'utilisais une classe spéciale, debut, pour transformer en lettrine la première lettre du premier paragraphe après chaque titre. Il me suffisait de définir les propriétés de cette classe à travers le pseudo-élément first-letter, qui permet d'appliquer des styles à la première lettre d'un paragraphe :

Nouveau changement dans la présentation de la page d'accueil du site, qui fait maintenant appel à un script javascript.

Poursuite du nettoyage du code des pages du site, avec la suppression d'identifiants inutiles. Si le gain en taille est anecdotique, cela simplifie tout de même la lecture des sources.

J'ai profité de la publication du premier article dans la section "Science-fiction" pour ajouter en bas de page un petit formulaire permettant de laisser un commentaire sur le texte.

Avec l'arrivée de l'été, le site change de peau et accorde ses couleurs avec la nouvelle saison.

Un dernier bogue dans la construction de la maquette rendait l'affichage des menus problématique sous certaines conditions. Il est en partie résolu.

Après deux mois de tâtonnements, j'ai finalement obtenu une nouvelle maquette à peu près convenable. Voici les ultimes modifications du site.

Voilà, le gros du travail est fait: le passage au XHTML et le changement de maquette. Comme toujours, les petits ajustements techniques se feront au jour le jour, surtout pour l'affichage des pages avec Internet Explorer qui est encore loin d'être satisfaisant (mais le sera-t-il un jour ?).

Dernière étape du remaniement du site: après la refonte de la maquette, voici l'autre changement de taille apporté au site, le passage du HTML au XHTML.

J'ai par ailleurs souhaité pousser un peu plus loin la personnalisation des pages en fonction des styles. Outre le changement de couleurs, on peut facilement adapter les puces des listes ou tout autre icône en utilisant la propriété « image de fond » (background-image). Par contre personnaliser le logo était une autre affaire puisqu'il s'agit d'une image intégrée au code HTML.

Je parlerai de la gestion des styles en fonction des navigateurs dans une autre actu. Ici, c'est de relations entre les différentes feuilles dont il s'agit. Résumé de la situation: le site utilise des fichiers CSS pour la mise en forme des pages, un fichier pour le squelette (en-tête, contenu central, pied-de-page) et cinq autres fichiers spécifiques aux cinq styles (printemps, été, automne, hiver et nuit, qui modifient presque essentiellement les couleurs).

Résoudre le problème de longueur de ligne revenait à repenser la manière d'afficher le texte. La mise en forme d'une page web peut grosso modo se construire de deux manières (non, je ne parlerai pas des tableaux :

J'ai transformé le menu vertical gauche en un menu horizontal déroulant pure CSS. Il fait appel à la fonction hover qui permet d'assigner certaines propriétés lorsqu'on passe la souris au-dessus d'une boîte spécifique. Dans le cas présent, elle est appliquée aux listes de définition utilisées dans le menu: seul le titre (balise dt) est affiché, les sous-titres (balises dd) étant masqués par un display: none. Ensuite, le fait de survoler les dits-titres avec la souris déroulera le sous-menu dans son intégralité grâce à un display: block.

Commençons donc par le commencement: le petit lifting subie par le site. En dehors de l'envie de changer, une nouvelle maquette s'avérait nécessaire pour plusieurs raisons.

Moi qui disait vouloir accorder plus d'importance au fond qu'à la forme, on dirait que je passe plus de temps à modifier le contenant qu'à mettre à jour le contenu de ce site! Ce n'est qu'en partie vrai car quelques pages sont en préparation, notamment une échelle du temps géologique entièrement construite en CSS, sans tableaux (j'expliquerai le moment venu pourquoi), ainsi qu'un petit tutoriel Gimp pour créer une image de la planète Mars.

Création d'une nouvelle section du site, la rubrique Photos, qui regroupe toute une série d'images qui tournent principalement autour du village d'origine de mes parents, Nave, au Portugal.

J'ai de nouveau changé la gestion des CSS dans les pages du site, toujours pour contourner les limitations de IE concernant la propriété position: fixed.

Voila quelque chose qui m'agaçait depuis quelque temps : les limitations d'Internet Explorer dans sa gestion des CSS rendaient l'affichage des pages du site quelque peu aléatoire. La solution était donc évidente : construire une feuille de style spécifique à IE qui serait utilisée uniquement pour ce navigateur. J'ai donc ajouté un petit script javascript sur chaque page pour identifier le navigateur qui se connecte et charger la feuille de style adéquate.

Voilà le problème (qui n'intéresse que moi, mais je l'expose tout de même) : quand j'édite une actu, je dois l'écrire, bien évidemment, mais aussi coder son "résumé" sur la page d'accueil. D'accord, c'est une organisation un peu complexe, mais je n'ai pas trouvé mieux pour le moment.

Début février est marqué par une importante restructuration du site qui doit permettre une gestion plus simple et efficace.

Quelques mises à jour éparses...

Encore des changements dans la présentation du site. Et jusqu'à ce que je trouve un système simple et rapide de mises à jour et d'organisation en HTML pur, sans système de base de données, ces modifications seront sans doute courantes.

Un petit mot concernant le bouton Retour en haut de la page : ce bouton se trouve en bas à droite des pages, avec un attribut position: fixed. Cette propriété CSS permet de garder un objet en position fixe dans la fenêtre de navigation: le bouton reste toujours à sa place lorsque vous descendez dans la page. De plus, le morceau de code HTML décrivant le bouton se trouvant en toute fin de code, il faut lui définir une propriété z-index pour qu'il soit visible. Cette propriété permet de spécifier le niveau d'empilement des différentes structures; en lui attribuant la valeur z-index: 1, le bouton se placera par dessus tout le reste.

Les boutons du W3C disposés au bas des pages servent essentiellement à signaler aux visiteurs que le site respecte les recommendations HTML et CSS mis en place par cet organisme. Ces boutons sont sympathiques, pas très lourds (moins de 2 Ko) et au format PNG. Alors, que demandez de plus?! Juste de pouvoir les intégrer plus harmonieusement aux différents styles graphiques du site.

De nouvelles corrections à l'ordre du jour:

Quelques petites corrections techniques.

Bienvenu sur le site Omacronides, site personnel à la logique interne connue de moi seul (et encore...), puisqu'il n'est consacré à rien de particulier, ou plutôt à plusieurs thèmes différents. Pour comprendre un peu mieux le pourquoi du comment, voyez la page A propos.

Liste plus ou moins complète (et plus ou moins mise à jours :-) des tâches en cours sur le site.

Après une mise à jour avortée (la 7, prévue cet été), voici enfin que j'arrive à peu près au bout des modifications et évolutions que je souhaitais apporté au site cette année (2011).

Petite compilation loin d'être exhaustive des différentes incarnations graphiques du site depuis ses débuts en 2003.

A propos de l'auteur et du site : le classique exercice de style pour en savoir un minimum sur ce qui se passe ici.

Après plusieurs semaines passées dans un état lamentable, ou toute requête se terminait par une réponse 404 (même si la page était correctement affichée), voici la nouvelle version du site. Comme toujours, plus de chambardements dans l'arrière-cours qu'en vitrine...

Après des mois passés à tripatouliier le code (et donc, comme d'habitude,sans écrire grand chose), voilà enfin une nouvelle évolution du site. Outre les habituelles corrections de bugs et évolutions mineures, deux changements majeurs : le pasage au HTML 5 et la gestion de données au format JSON.

Après plusieurs mois de développement et certains moments de découragement, la nouvelle version du système de gestion du site a enfin vu le jour début 2008 et a même été baptisé d'un petit nom : FlatCMS. Petit tour de la nouvelle organisation.

Assurer un affichage correct des pages d'un site web sur tous les navigateurs est parfois une gageure, surtout lorsqu'il s'agit d'Internet Explorer, un navigateur obsolète qui ne respecte que partiellement les langages de publication web. Mise au point de ma position sur le sujet.

Petit résumé de la mise au point de la version PHP du site, décrite à l'origine dans une série de trois brèves publiées entre le 12 et le 15 octobre 2005.