Hugo

Des émoticônes

Une émoticône, mot-valise français composé des mots émotion et icône, est une adaptation en caractères typographiques du Smiley. C’est une combinaison de caractères ASCII utilisée graphiquement pour former un visage.

Des « shortcodes » pour Hugo

Hugo est un générateur de pages statiques. Il faut donc écrire du code pour publier.
Pour simplifier ce codage, on utilise des raccourcis : les « shortcodes ».

Disqus

Pour utiliser des commentaires dans ce blog statique, il faut utiliser un service externe. J’ai choisi Disqus.

La syntaxe Markdown

Markdown est un langage très simple qui permet d’écrire du HTML de façon raccourcie.

Taille et position des images en Markdown

Positionner et choisir la taille des images en Markdown est relativement simple.

Utiliser @font-face

La règle @font-face permet de définir les polices d’écriture à utiliser pour afficher le texte des pages web. Le webmaster peut fournir ses propres polices, sans dépendre de celles installées sur les postes des utilisateurs.

Une iframe responsive

L’<iframe> est un contenu de navigation imbriqué qui permet d’obtenir une page HTML intégrée dans la page courante.
Cette <iframe> est responsive quand elle s’adapte à la taille de l’écran.

Un site qui fait bonne impression

C’est un peu gênant d’imprimer des articles sur des sites ou des blogs et de consommer du papier pour avoir des choses inutiles (à l’impression) ; le menu, la barre latérale, les commentaires ou le pied de page.

Scroll to top

Une flèche qui permet un retour “haut de page”, assez pratique pour les articles longs.
Elle permet un accès rapide au menu, sans avoir à utiliser la molette de la souris.

Une lightbox simple en CSS

L’effet lightbox permet d’afficher des images, du contenu, des pages au premier plan d’une page Web sans avoir à quitter la page. Il assombrit le reste de la page et met en évidence le contenu en surbrillance.