I've started integrating CSS layout 3 with the template system. I transfered the positioning definitions only. The fancy parts, such as background colors and borders, were only used to outline the various bits and pieces. We don't want LemonChiffon and GoldenRod colors in the default layout, we'll just keep it haze grey & underway.

The combined design constraints also require redefining the DIVs . Specifically, we add a sub-block containing both the center and left column. This is no problem, as the template system combines HTML and CSS.

The design comes in nicely, and is slightly different from MS2, as all columns are “liquid”; that is the left and right column will get wider if you enlarge your browser. They were fixed at 125px in MS2.

Commited to my branch 30 minutes ago.

As I planned, I wrote a plugin to monitor Google PageRank for arbitrary URLs.

You can display the PageRanks for a configurable number of pages. It's also possible to display the PR of the current page. You can see how it looks in the right column.

Je commence une petite expérience. Je viens de déclarer sur Google l'adresse d'un site non référencé. (S'il est déjà référencé, ça ne sert à rien.) Je m'intéresse au délai entre la déclaration et l'apparition dans l'index.

Comment savoir si un site est référencé dans Google ?

Il suffit de demander à Google ! Il y a un grand nombre de mots-clefs disponibles pour affiner la recherche, dont site.

Site: restreint la recherche au domaine que vous spécifiez, et ce de manière plus ou moins fine.

• site:goelette.net renverra uniquement les résultats du domaine goelette.net et de tous les sous-domaines, par exemple www.goelette.net et ranch.goelette.net.
• site:.fr renverra uniquement les résultats des domaines en .fr.

L'astuce est simple : en cherchant site:goelette.net sans ajouter de mot-clef, vous aurez la liste de toutes les pages indexées pour le domaine. Si aucun document n'est référencé, c'est que le domaine n'est pas indexé.

Note : comme d'habitude, le signe moins - devant le mot-clef inverse la requête. Par exemple ibm -site:ibm.com renvoie la liste des pages qui parlent d'IBM, sauf les pages d'ibm.com. (Il y a des meilleurs moyens d'avoir la liste des pages qui pointent sur votre site. J'en parlerai un autre jour.)

Comment déclarer un site ?

Rendez-vous sur http://www.google.fr/addurl/?continue=/addurl, collez l'adresse de la page d'accueil du site dans la case URL. Si vous arrivez à lire le mot déformé dans la boîte, recopiez-le dans la case suivante, ça ne peut pas faire de mal.

Suivi

le 28 novembre au soir, rien chez Google. Il est maintenant certain que le site ne sera pas référencé. En l'occurence, il est réalisé dans une frame avec une redirection chez Free. Le résultat n'est guère surprenant.

The third CSS layout is online. You can find the previous ones here and here. This will be the final mockup. The next layout is for real!

This layout is liquid, as the first. But this time, the left and right columns are fluid as well (their width was fixed in layout 1). The most obvious difference is the footer, which is now at the bottom of the page (it was at the bottom of the center column in layout 1).

The header is absolutely positioned, as usual. The rest of the page goes into a container DIV. But this time, we're using a trick in the HTML markup itself. as the "pageContent" DIV is still coming first in the page: an additional container encloses the left column and center column both.

The way the DIVs are floated left and right might seem strange, but it's actually simple:

• The right column is floated right.
• The additional container holding the left and center columns is floated left;
• Inside this container, the left column is floated left, and the center column is floated right (so it ends up in the middle).

That's it! CSS is easy!

Aujourd'hui le PageRank de la page d'accueil est passé de 0 à 4 ! Les pages intérieures sont à 3.

J'ai raté la Google Dance. Le PageRank de la page d'accueil de Goélette est remonté à 6 après quelques mois à 5.

J'envisage d'écrire un plugin Serendipity pour surveiller ça plus facilement. C'est fait.

Vous avez raté le dernier concert de La Blanche. Moi aussi d'ailleurs, vu que c'est ce soir, là maintenant tout de suite.

C'est pas très malin de votre part, parce que le prochain concert à Paris c'est l'année prochaine. Précisément les mardi 21 et 28 mars 2006. Ensuite c'est les 4 et 25 avril, mardi également, on peut pas dire que ça m'arrange. Je suis pris tous les mardis, combien de fois faudra-t'il que je le répète ?

Bon, j'ai quand même une consolation pour vous. En attendant le prochain concert, vous pouvez vous abonner à la niouzelettre, comme ça vous serez au courant, et puis vous rigolerez un coup. Vous pourrez même demander à vous désabonner. Plusieurs fois. Vous aurez été prévenu.

“We've heard that a million monkeys at a million keyboards could produce the Complete Works of Shakespeare; now, thanks to the Internet, we know this is not true.”
--Robert Wilensky, University of California

On nous a dit qu'un million de singes tapant sur un million de claviers pourraient produire les œuvres complètes de Shakespeare ; maintenant, grâce à l'Internet, nous savons que ce n'est pas vrai.

Il est toujours difficile de vérifier l'authenticité de ce genre de citation, mais au vu du site de Robert Wilensky, je suis tenté de la croire vraie.

En éditant le prochain livre, je suis tombé sur une citation intéressante — par la ponctuation. Elle est extraite du Trętté de la grammęre françoęze de Louis Meigret (1550), première grammaire du français écrite en français. L'ouvrage est contemporain de la Deffence et illustration de la langue françoise de Joachim du Bellay (1549).

Je comprends bien que la langue française suit bien « l'ordre de nature ». Comme le dit Louis Meigret, il faut « dresser le bátiment de notre lange suyuant l'ordre qe nature tient ęn ses euvres, ę qe l'uzaje de parler a voulu suyure  ». Par contre la dernière phrase me laisse dans la perplexité.

« [J]e suys asseuré q’une bone partíe de çeus qi s’ęn męlet, sont si fríans de suyure le stile Latin, ę d’abandoner le notre, qe combien qe leur’ parolles soęt nayuemęnt Françoęzes : la maouęz’ ordonançe rent toutefoęs le sens obscur, auęq vn gran’ mecontęntemęnt de l’oręlle du lecteur, ę de l’assistęnçe. De vrey si nou’ consideron’ bien le stile de la lange Latin’ ę celuy de la notre, nou’ lę’ trouuerons contręres en çe qe comunemęnt nou’ fęzons la fin de claoz’ ou d’un discours, de çe qe lę Latins font leur comęnçemęnt : ę si nou’ considerons bien l’ordre de nature, nou’ trouuerons qe le stile Françoęs s’y ranje beaocoup mieus qe le Latin. Car lę’ Latins prepozent comunemęnt le souspozé ao vęrbe, luy donans ęn suyte le surpozé ».

Malheureusement, on ne peut pas rendre la ponctuation parfaitement en HTML. Il manque le « e ogonek accent aigu » dans contręres et fęzons. Heureusement on peut le créer sous Word en superposant les deux caractères avec un champ : {EQ \o (ę;´)}

The second CSS layout is online. The first one is still here.

The first layout was a liquid design (the center column uses all available width). The second one is centered with a fixed width, compatible with a 800×600 display.

Note: the main constraint is to have the interesting contents of the page first in the HTML. Like this:

Inspiration for this layout came from one of the suggestions of devosc (Gregory Baboolal). Thanks Gregory!

As in the first layout, the header is absolutely positioned. This is easy to do as we have a very good idea of what goes into the header. The rest of the page goes into a container DIV, a frequent trick for CSS positioning. There is no complex imbrication of DIVs there, we just list them, "pageContent" being the first one.

The tricks are in the CSS. I will provide a detailed analysis when the final layout is chosen. Right now I'll only point out the use of both position and float for the column DIVs, and the negative margin for the left column.

Fell free to download the HTML and CSS — If you want to submit a CSS that uses the current markup, mail it to me; if you require a different markup, mail both HTML and CSS, I will upload them and report here. Please don't post entire files in the comments, as it makes very hard reading.

One last thing. The layout should display correctly in Firefox, Opera and IE 6. I did not adjust it for IE 5 yet, an easy but tedious chore.

La collection 2006 des posters de démotivation est sortie.

Effort

Hard work never killed anybody, but it is illegal in some places.

Comme disent les Anglais, brief and to the point.

Le Service International de la Rotation de la Terre et des Systèmes de Référence nous informe qu'une seconde de rattrapage (leap second) sera introduite entre le 31 décembre 2005 et le premier janvier 2006. Très précisément, voici la chronologie pour le nouvel an :

           2005 December 31,     23h 59m 59s
           2005 December 31,     23h 59m 60s
           2006 January   1,      0h  0m  0s

Pour les précisions techniques, vous pouvez consulter le bulletin C 30.