Aller au contenu
Forge

Fil d'Ariane

Un fil d'Ariane accessible qui situe la page dans le site et se resserre sur mobile pour tenir sur une ligne.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

Une liste ordonnée dans un élément nav nommé, la page courante marquée par aria-current et des séparateurs ignorés par les lecteurs d'écran. Sous 640 pixels, seuls la page parente et le titre courant restent affichés, ce dernier tronqué proprement.

Code

Chargement du code…

Contenu de l'archive

fil-ariane-html-tailwind.zip3 fichiers · 3 Ko

  • index.html4 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Mots-clés

Mis à jour le 13 octobre 2026.

Dans le même esprit

  • Sommaire de page

    Gratuit

    Une table des matières qui suit la lecture d'un long article et surligne la section en cours.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Pagination

    Gratuit

    Une pagination complète avec page courante, points de suspension et flèches précédent/suivant correctement désactivées.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Menu déroulant

    Gratuit

    Une barre de navigation avec sous-menus déroulants qui se ferment à la touche Échap, au clic extérieur ou quand le focus quitte le menu.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Témoignage vidéo avec transcription

    Gratuit

    Une affiche de vidéo dessinée en CSS avec bouton de lecture, la citation forte du témoignage, son auteur, et la transcription horodatée dans un volet dépliable.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant