Il y a quelques jours de cela, Garry Tan nous présentait un petit défaut visuel qui le dérange sur le site web de Facebook depuis maintenant un petit moment.
Quelques mises à jour sont passées par là, et pour autant le défaut repéré sur Facebook.com est resté identique.

Voici ce qu’il a vu, vous retrouverez également son article en anglais sur :
Facebook 2013 edition – 3px of padding makes all the difference in the world

Voici le visuel « bogué » :

garry-tan-facebook-bug

Ce qu’il a repéré comme erreur d’alignement :

garry-tan-facebook-details

Voici le visuel corrigé par Garry.

garry-tan-facebook-fixed

De mon côté cela fait également quelques semaines que je perçois une gêne sur ce bloc de Facebook, sans savoir d’où ça peut venir.
J’ai donc repris l’image de Garry pour analyser les alignements verticaux, et effectivement la grille de mise en page ne semble pas très précise :

facebook-fail-post

Voici la box de post une fois corrigée :

facebook-fail-post-corrected

Vous allez me prendre pour un perfectionniste du pixel, c’est peut-être le cas…
Toujours est-il que pour un site sans effet graphique extravaguant (ce n’est pas une remarque péjorative) le moindre décalage de pixel se fait d’autant plus ressentir.

J’espère que la prochaine mise à jour sera efficace 🙂