Testimony [en]

This is what weblogs can add to the world in terms of information: personal stories around events that make the news. David had met one of the astronauts who was on the space shuttle.

Some will call this “personal journalism”. I prefer to say that it is a testimony, and leave it at that. A small snippet of somebody’s subjective experience. Because some people blog, we get a chance to read such things, and the “news” becomes more human.

Pompage.net : le tao du design web [en]

Pour vous aider justement à  embrasser ces standards web, pompage.net vous offre ce mois-ci un article de choix : le tao du design web.

La solution est simple—il suffit en fait de laisser le web être le web. Les vieux chinois avaient déjà  tout compris à  nos problèmes.

Visible dans n'importe quel navigateur [en]

Glané ce matin sur la liste de discussion interopérabilité de l’AFUL:

Il y avait déjà  eu la campagne anybrowser. Mais elle induit implicitementle test de tous les navigateurs au lieu de la conformité aux normes.

Pierre Jarillon

Voilà  bien le problème : pour trop de personnes encore, « visible avec n’importe quel navigateur » signifie « péniblement adapté aux particularités de chacun » au lieu de « conforme aux normes ».

Il est temps pour chacun d’être proactif et d’embrasser les standards web.

Orange suite [en]

Bussigny perd un quartier d’Orange.

Pas grand-chose à  commenter, si ce n’est que la « grève » avait au départ l’allure d’une simple continuation de la séance « questions-réponses » avec le directeur des ressources humaines. Elle s’est muée en « manifestation devant les portes de Bussigny » après que l’un des agents soit entré entrons dans la salle avec une annonce du genre « j’ai appelé les journalistes, venez tous en bas dans trois quarts d’heure pour la photo, vous ne risquez rien, on va leur mettre la pression… Qui m’aime me suive ! » (Je caricature un peu, mais vous voyez l’idée.)

Sinon, même si je trouve en effet le plan social proposé un petit peu maigre, rappelons que Orange n’a légalement aucune obligation de nous fournir ne serait-ce que le plus petit plan social. Je ne dis pas que la situation n’est pas dure ni injuste… Mais ça pourrait être encore bien pire. On a la chance d’être en Suisse.

Sans commentaire [en]

Orange supprime 200 emplois — plus précisément, le service à  la clientèle dans lequel je travaille à  Bussigny devrait être déplacé à  Bienne.

Ne me demandez pas si j’irai ou non à  Bienne (une bonne heure de trajet, c’est beaucoup pour la Suisse), je n’ai pas encore pris de décision. Nous serons informés des mesures définitives et des conditions de transfert à  la fin de la période de consultation, à  la mi-février.

More Dumped Photos [en]

More photos, with an Index of Dumped Photos for the galleries which are publicly available. Enjoy.

At the end of a little photo-stroll in the neighbouring park.

Mise en page CSS [en]

Si l’ami dekal pensait s’en tirer à  si bon compte 😉 pour balayer les mises en page CSS d’un revers de la main, c’était compter sans tout l’amour que je lui porte. J’ai en effet passé 25 terribles minutes à  bidouiller un peu son code pour que la page s’affiche correctement.

Les vingt premières minutes furent consacrées à  faire valider le HTML de la page. Du point de vue de la personne qui n’est pas branchée standards, cette étape n’est pas absolument nécessaire pour que la page « s’affiche correctement » dans un certain nombre de navigateurs. Je n’en fais cependant jamais l’économie, ayant passé de longues heures à  tenter de résoudre des « problèmes de CSS » qui étaient en fait des problèmes de HTML mal structuré.

Une fois le HTML corrigé, les problèmes d’affichage persistaient. Le problème le plus gênant était le débordement du texte sur la « barre de menu » de droite. Un autre, que je n’avais pas compris au premier coup d’oeil, était que l’image de fond pour le contenu occupait une toute petite portion de l’espace en haut de la page, au lieu de la remplir presque entièrement.

Les cinq dernières minutes de mon labeur acharné se passèrent donc dans la feuille de style. Une malencontreuse propriété height fut supprimée dans la définition de #blog, et comme par magie, l’image de fond se décida à  occuper la place qui lui était destinée. Restait le problème de la largeur du texte. Comme j’en avais eu l’intuition, il était dû à  une mauvaise interprétation du modèle de boîtes.

J’en profite pour insister sur un point fondamental concernant ce que j’appelle le modèle de boîtes : la largeur visible de l’élément n’est pas égale à  la valeur de la propriété width. Je sais, ce n’est pas forcément ce qu’il y a de plus logique, mais c’est comme ça. Si on ne comprend pas bien ce point, on ne parviendra jamais à  faire des mises en page CSS qui tiennent la route. La largeur visible de l’élément est la somme des valeurs des propriétés width, border, et padding. (Je vous laisse transposer cette règle pour la hauteur.)

Un exemple vaut mieux que mille explications : dekal voulait que la largeur de sa zone texte soit égale à  411px. Pour trouver quelle valeur donner à  la propriété width, il faut soustraire à  notre largeur visible les largeurs de border et de padding. Dans ce cas-ci : 411px – 2px (deux fois 1px de bordure) – 60px (55px de padding-right et 5px de padding-left) = 349px pour la propriété width.

Avec un peu d’habitude et d’entraînement, cela devient tout aussi facile que des tableaux ! (Comme j’aime à  le répéter, une des choses qui rend les tableaux beaucoup plus faciles que les CSS, c’est justement que l’on sait déjà  utiliser les tableaux, et pas encore les CSS…)

Si tout ceci vous interpelle (on peut rêver !), allez vous promener un peu du côté de Pompage.net — en particulier :

Bonne lecture, et à  votre disposition bien entendu si vous avez des questions ou des problèmes pratiques sur le sujet !

Mise à  jour: comme je suis vraiment gentille, j’ai rajouté le bidouillage dans la feuille de style pour que la mise en page passe aussi sous IE Windows.

Fondateur, successeur [en]

Il y a une différence fondamentale entre celui qui inaugure quelque chose, et ceux qui viendront ensuite.

Le fondateur crée quelque chose à  sa mesure. Il est libre d’en développer les aspects qui lui conviennent, et de laisser dans l’ombre les autres. Il n’a pas de modèle à  suivre. L’idée, le mouvement, l’association, le poste, le système est fait pour la personne. Le fondateur est inévitablement la meilleure personne pour tenir ce rôle qu’il s’est créé.

Le successeur, qu’il soit immédiat ou non, reçoit entre les mains un héritage. Il reprend une place qui n’a pas été créée pour lui. C’est d’abord lui qui doit s’y adapter. La transformer ensuite, peut-être, s’il en a la force, le désir, et si on le laisse faire. Si il va jusqu’à  la révolutionner, il se retrouvera alors lui-même dans une position analogue à  celle du fondateur…

Images [en]

During this last couple of weeks, I have added to the photographs in the dump, and also to “offsite” photographs: