Premier poteau, meilleur poteau

Ce premier poteau est le meilleur poteau parce qu'il est utilisé pour tester le design. Il peut changer de temps à autre.

L'idée de faire mon premier article dans ce but est venue après avoir lu le blog de z3bra. C'est assez drôle que je commence ce blog juste après que cette personne a officiellement arrêté d'écrire pour son blog. Au moins je ne vais plus désormais vérifier régulièrement si il y a de nouveaux articles sur ce blog.

Tester le format de texte

Général

Le format de texte est important. Une phrase commence par une majuscule et se termine par un point, et un paragraphe devrait commencer par une petite indentation. Même si je préfère les textes justifiés, leur rendu n'est pas bon sur un petit écran quand les mots sont longs. Quelques mots sont en gras pour les rendre plus importants. Quelques uns sont mis verbatim. Bien sûr les liens pour mon site ou d'autres sites sont importants.

Si je mets de longs morceaux de code sur une phrase comme /home/utilisateur/Personnel/Projets/Nales/src/fr/blog et un autre chemin comme /home/utilisateur/Personnel/Projets/Nales/build/fr/blog, est-ce qu'ils vont se chevaucher?

À propos de la typographie de listes, quand une liste continue une phrase:

• tous les éléments doivent commencer par une minuscule parce qu'ils continuent la phrase;
• tous les élément se terminent par un point-virgule;
• et si le dernier élément termine la phrase alors il se termine par un point.

Quand une liste ne continue pas une phrase.

• Tous les éléments doivent commencer par une majuscule parce que ce sont de nouvelles phrases.
• Tous les élément se terminent par un point parce que ce sont des phrases indépendantes.

Blocs de citation

Voici un extrait de Mon Rêve Familier de Paul Verlaine.

Je fais souvent ce rêve étrange et pénétrant
D’une femme inconnue, et que j’aime, et qui m’aime,
Et qui n’est, chaque fois, ni tout à fait la même
Ni tout à fait une autre, et m’aime et me comprend.— Paul Verlaine, Mon Rêve Familier

Et ici une citation d'un auteur inconnu.

Sit aspernatur et enim repellendus nihil saepe voluptas! Rem omnis consequatur sapiente sit delectus Molestiae porro totam ipsum accusamus itaque? Dolore possimus magni quos atque deleniti? Repudiandae eum exercitationem iusto?

Une dernière en japonais pour tester les caractères non latins.

いつもより
ゆっくりお風呂に入ろう
泡てた答えは必要ない
汗るほどくもっていく鏡— チャットモンチー, Thermae Roman

Illustrations

Images

Les images sont affichées en tant qu'illustrations. Dans les articles, une version avec une qualité réduite est affichée et elle pointe vers la version originale. Les images affichées peuvent servir d'illustrations pour des vidéos ou de l'audio. Le but est de réduire la quantité de données à charger. Je sais ce que c'est d'avoir droit à une quantité limitée de données et une connexion lente...

Tables

Les tables sont aussi des illustrations.

Ici une table plus complexe. Je n'utilise pas d'affichage orientée verticalement parce que cette fonctionnalité ne fonctionne pas bien (l'espacement n'est pas rendu correctement).

Code

La plupart du contenu de ce blog sera technique à propos du développement informatique. Je vérifie ici si au moins 80 caractères sont affichés quand la page est affichée sur un écran large.

         1         2         3         4         5         6         7         8
12345678901234567890123456789012345678901234567890123456789012345678901234567890
---------+---------+---------+---------+---------+---------+---------+---------+
|    On a big screen, at least 80 characters should be displayable by line.    |
|         On a small screen. Well, too bad but overflow is activated.          |
---------+---------+---------+---------+---------+---------+---------+---------+
         1         2         3         4         5         6         7         8
12345678901234567890123456789012345678901234567890123456789012345678901234567890

                  <Les caractères HTML comme & sont échappés.>

Du code venant de main.c avec des parties surlignées.

#include <stdio.h>

// A simple Hello World!
int main(int argc, char* argv[])
{
    printf("Hello World!\n");
    return 0;
}

Voici la commande que j'ai utilisée pour créer l'image affichée au-dessus. Puisque c'était dans un shell, il n'y a pas de nom de fichier mais le langage informatique est connu (sh) donc la coloration syntaxique peut être utilisée.

convert dune-fear-wallpaper.png \
    -scale 1000x \
    -ordered-dither 1x1 \
    -grayscale average \
    dune-fear-wallpaper-small.png

iframes

Pour insérer des choses interactives, j'utilise des iframes. Ici la table des matières du blog.