Mail Slack Twitter Feed Flickr Github LinkedIn Mastodon Information git Clock Français English Aller directement au contenu principal

Articles de 2018

webread in english

Optimisation du temps de compilation de Jekyll

Il y a trois ans, fatigué par WordPress et de sa galaxie de plugins douteux, j’ai décidé de migrer vers un générateur de site statique. Après quelques essais avec diverses solutions, j’ai opté pour Jekyll, dont la communauté me semblait plus mature.

Trois ans plus tard, je commence à comprendre les forces et les faiblesses de la solution, mais je reste loin d’en maîtriser tous les mystères. Je l’ai bidouillée pour publier du contenu multilingue, j’ai développé mes propres plugins, j’ai intégré des éléments d’architecture piochés chez des amis… Disons que je suis désormais assez à l’aise.

Par contre, à force de manipulations, mon Jekyll ressemblait moins au célèbre docteur qu’au monstre de Frankenstein : un assemblage de portions de code grossièrement liées entre elles par des liens fragiles, se déplaçant lentement en gémissant… En un mot comme en cent : mon build était lent.

Lire la suite →

read in english

Optimizing Jekyll build time

Being more and more tired of WordPress and its galaxy of dubious-quality plugins, I decided to migrate to a static site generator three years ago. After a few tries with other solutions, I decided to migrate to Jekyll, whose community seemed more mature to me.

After three years working on Jekyll, I’m starting to understand the strengths and weaknesses of the solution, but I am far from mastering its mysteries. I tweaked it to publish multilingual content, developed my own plugins, integrated pieces of architecture I discovered in some of my friends’ repos… Let’s say I’m quite used to it now.

But nowadays, my Jekyll build looked less like the famous doctor than the Frankenstein monster: a patchwork of code roughly tied together by delicate strings, slowly moving as it moans.

Lire la suite →

webread in english

Content Encoding: pourquoi utiliser la balise meta charset et l’en-tête Content-Type

Améliorer la vitesse à laquelle une page Web est affichée implique souvent de rendre la vie du navigateur aussi facile que possible. Lorsque le navigateur reçoit une réponse HTTP, il reçoit en fait du texte encodé en octets, où chaque octet ou séquence d’octets représente un caractère donné. Si le navigateur ne sait pas clairement quel encodage utiliser, il perdra du temps à essayer de le deviner et sera susceptible d’échouer dans certains cas.

Lire la suite →

read in english

Content Encoding: why and how to use the meta charset tag and the Content-Type header

Improving the speed at which a web page is displayed often means making the browser’s life as easy as possible. When the browser receives an HTTP response, it actually receives text encoded in bytes, where each byte or sequence of bytes represents a given character. If the browser does not have a clear information about the used encoding, it will waste time trying to guess and may fail in some cases.

Lire la suite →

webread in english

Un fichier hosts pour les bloquer tous

En tant qu’expert du domaine, les gens me demandent souvent comment améliorer la performance des sites Web. Parfois, ils me demandent aussi comment améliorer les performances du Web sur leur propre machine, pour leur propre expérience de navigation. Dans ce cas, ma réponse est toujours la même : commencer par le fichier hosts.

Gollum, tenant l'Anneau unique dans l'adaptation du Seigneur des Anneaux de Peter Jackson

Je manquais d’inspiration pour trouver une illustration plus sympa…

Lire la suite →

read in english

One hosts file to block them all

As a field expert, people often ask me how to improve websites’ performance. Sometimes, they also ask me how to improve the Web’s performance on their own machine, for their own browsing experience. In that case, my answer is always the same: the lowest hanging fruit is most certainly the hosts file.

Gollum, holding the One ring in the Peter Jackson's adaptation

I lacked inspiration to find a nicer illustration….

Lire la suite →

papa

Delphine

Dernière séance d’éveil musical pour le petit, qui remercie sa professeure qui lui a fait découvrir plein d’instruments. Je me rends compte, avec effroi, qu’il n’a pas retenu son prénom, je lui répète donc discrètement. Évidemment, il se met à brailler, comme si c’était le truc le plus génial de la Terre :

Lire la suite →

papa

Pop Culture

Ils n’ont beau avoir que 5 à 7 ans, ils ont leurs influences, leur culture à eux, qu’ils digèrent et façonnent pour créer de nouveaux jeux.

Lire la suite →

papa

L’essentiel

Leur mère fait tomber une tasse en ouvrant le placard. Le fracas fait assez de bruit pour rameuter les enfants. Ma femme s’en veut parce qu’elle aimait cette tasse, et cache sa tête dans ses mains.

Le petit se jette dans ses bras :

– Ça va, Maman ?
– Oui, oui.
– Tu n’as rien ?
– Non.
– Alors ne soit pas triste, Maman. Tu sais, c’est juste un objet. Nous, on est là !

Je ne sais pas s’il se rappellera un jour d’à quel point elle l’a serré fort.

papa

De Palmas

À la radio passe « J’en rêve encore », de De Palmas.

– Ah ben moi aussi !
– Toi aussi quoi ?
– J’ai fait un rêve avec ma prof de musique.
– Et il y avait cette chanson ?
– Non, mais il y avait le cor qu’on a joué la dernière fois !

« Je rêve en cor ».

Ces enfants m’épuisent.

papa

Mort et jeux vidéo

La maitresse de notre fils de presque 5 ans, nous a signalé qu’il « parlait de la mort », et que c’était probablement lié à ce que son père (moi) joue au jeux vidéos. Il va sans dire que pour elle, l’un comme l’autre sont répréhensibles.

Lire la suite →

papa

Futur scénariste

Sans qu’il ne me voit, j’observe mon petit Koala, 5 ans, pendant qu’il joue aux bonshommes.

– [Gentil] Non, tu n’as pas fait ça !
– [Méchant] Si, je l’ai fait, { rire diabolique }
– [Gentil] Oh, mais tu es un méchant ! Tu as le rire des méchants, je le reconnais !
– [Méchant] Oh oh ! J’aurais pas dû faire ça, crotte.

Je pense qu’il est prêt pour écrire le prochain James Bond.

papa

Esprit critique

Mes garçons, grandissent, ce qui me permet d’exercer leur esprit critique. Nous avons donc un jeu : je leur raconte des trucs absurdes avec un air très sérieux, et il me disent si c’est vrai ou pas, avec des explications.

Lire la suite →

papa

Safety first

Éveil musical. Le petit découvre la flûte traversière.

– Et à ton avis, pourquoi on l’appelle la flûte « traversière » ?
– Parce que… parce qu’elle a traverse… hier ? Mais elle se fait pas écraser ! Elle fait attention, sinon elle serait pas là aujourd’hui !

papa

Phoenix Wright

Les enfants ont une capacité incroyable à revoir et réentendre les mêmes histoires, encore en encore. Une passion que je ne partage pas, mais alors pas du tout.

Lire la suite →

papa

Les polaires

Ma femme va chercher les enfants à l’école. L’ainé récupère son cartable et… une grosse veste avec laquelle je l’avais déposé le matin, parce qu’il faisait froid.

Lire la suite →

papa

Le bisou

Je dépose les enfants à l’école ce matin. Comme à chaque fois, j’accompagne le petit dans sa classe de maternelle, l’embrasse, et pars emmener le grand jusq’au portail du cours primaire.

Lire la suite →

papa

Les chenilles

– Mamie, tu sais qu’il faut qu’on fasse attention sous l’arbre.
– Ah, pourquoi ?
– À cause des chenilles professionnelles !

papa

Pidgin

Ma femme et moi parlons souvent anglais. Nous lisons en anglais, regardons des films en anglais. Forcément, à un moment, il fallait que ça nous rattrape…

Lire la suite →

read in english

Behavior

This morning, we surprise the children playing Scrabble. Obviously, the game is quite epic, since the little one can’ t read and the older one, barely.

Lire la suite →

papa

Jeux de boules

Le grand a mis une poubelle au pied de la table basse. Du bout d’un baton de bois, il s’apprête à pousser une boule en mousse pour qu’elle tombe dedans. Il invite son frère à le rejoindre.

Lire la suite →

webread in english

Meilleure UX, meilleures performances : la nouvelle donne du web statique

Générateurs de sites statiques, CMS « headless », plateformes d’intégration continue et de déploiement… depuis plusieurs années, une nouvelle gamme de solutions émerge dans le paysage des technologies web. Ces solutions contribuent à une tendance globale qui ressemble à un retour aux sources du Web. On parle de « La mouvance statique » ou de la « JAMStack » mais aucun de ces noms ne caractérise vraiment ce qui n’est pas moins qu’une nouvelle façon d’architecturer des applications web.

De grands rouages métalliques emboités

Lire la suite →

read in english

Back to static with JAMStack: a paradigm shift for better UX and web performance

For several years now, a new range of solutions have emerged in the web technologies landscape. Static site generators, headless CMS, content infrastructure… these solutions contribute to a global trend. « Static trend », « JAMStack », several names exist but none really covers what is an overall new proposal for web application architecture, and somehow a comeback to the roots of the Web.

Large nested metal gears

Lire la suite →

papa

Du vin de pirates

Je me sers un rhum vieux. Comme ils sont curieux, je leur fais sentir. Ayant un très (très) bon odorat, je suis toujours amusé de tester celui des autres. Le grand me dit qu’il reconnait l’odeur.

Lire la suite →

paparead in english

Des Happy Meals pour adultes

– Papa, ça existe les Happy Meals pour les adultes ?
– Avec un jouet à l’intérieur, je ne crois pas. Les gens qui font ça doivent penser que les adultes n’aiment pas les jouets.
– Ah ben ils ont jamais vu ton bureau, alors !

read in english

A Happy Meal for grown-ups

– Dad, is there a Happy Meal for grown-ups?
– With a toy inside? I don’t think so. They must think grown-ups don’t like toys.
– They’ve never seen your office, for sure.