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. Il existe pourtant un moyen de différencier l’affichage et l’impression. Il suffit de créer un fichier print.css et de dire à la page d’en-tête de le lire pour imprimer. Je prendrai en exemple ce site en pages statiques (Hugo).

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. Utilisons un shortcode Il faut composer un fichier lightbox.html dans le répertoire layouts/shortcodes de votre thème. Lightbox.html 1 2 3 4 5 6 <a href="#{{ .Get "href" }}"> <img src="{{ .Get "src" }}" class="thumbnail" alt="{{ .