C’est la grande mode depuis quelques mois, en particulier sur dev.to, de trouver des articles techniques avec des exemples de code sous forme d’image, comme ci-dessous :
Alors certes c’est joli, ça présente bien sauf que quand le code t’intéresse vraiment, tu es obligé de le recopier à la main — comme à la vieille époque où je recopiais à la mano des lignes et des lignes de programme sur ma HP33E — alors qu’il serait si simple de pouvoir faire un copier-coller tout bête, comme c’est possible ci-dessous :
let morning = true;
if (morning === true) {
console.log('Wakey Wakey!');
}
C’est peut-être plus agréable à l’œil, quoi qu’avec un outil qui colorie syntaxiquement le code on peut obtenir quelque chose d’assez satisfaisant, mais c’est useless.
Sans compter que du point de vue accessibilité, c’est nul.
1 De Olivier G. -
Du temps où j’avais un blog, écrit à la main, j’écrivais le code comme ça :
`<code><pre> let <var>morning</var> = true;
if (<var>morning</var> === true) { console.log(‘<samp>Wakey Wakey!</samp>’); } </pre></code>`
Avec la bonne CSS, c’était a peu près coloré aussi.
2 De Franck -
Ah oui, au moins on pouvait copier-coller :-)