La balise <figure>
Cette balise est l’un des nouveaux éléments sémantiques apportées par le HTML5, vers 2010. Les balises <figure> et <figcaption> permettent de grouper une image avec sa légende (en anglais: caption).
Google fonts
Pour mettre un peu de fantaisie sur votre site, vous pouvez utiliser une multitude de polices d’écriture.
Une fenêtre modale
Voici une fenêtre surgissante qui s’affiche sans encombrer la page.
Un moteur de recherche dans Hugo
Comment utiliser un moteur de recherche Google pour votre site ?
Celui-ci recherchera uniquement vos articles en ouvrant dans un autre onglet les résultats de sa recherche.
Des effets au survol d'images
La fonction hover permet de modifier un élément (un lien, une image) lors du survol de la souris.
En utilisant le CSS voici quelques exemples d’effets à réaliser simplement.
Un slideshow avec légende
Comment mettre une légende sur un diaporama.
Slideshow
Voici deux diaporamas sans javascript ni jquery mais uniquement en CSS.
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.
La propriété « background »
La propriété background est un raccourci qui définit les différentes valeurs des propriétés liées à la gestion des arrière-plans d’un élément.
Rafraîchir une iframe
Il est parfois utile de rafraîchir une <iframe> dans une page web. Cela permet par exemple de recentrer une Google Maps après avoir affiché une infobulle.