Implémenter une navigation responsive
Concevoir des barres de navigation accessibles
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Construisez une barre de navigation entièrement responsive en [REACT/VUE/VANILLA_JS] qui comporte un menu horizontal pour ordinateur et un menu hamburger pour mobile avec une animation fluide. Incluez les attributs d’accessibilité (aria-expanded, aria-label) et la prise en charge de la navigation au clavier.
Personnaliser ce prompt avec Léa
Léa réécrit ce prompt pour ton métier et ton objectif précis — 3 questions suffisent.
Cas d'usage
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
Pour une navigation responsive accessible, pensez à gérer le **focus trap** dans le menu mobile ouvert : utilisez `useEffect` (React) ou un écouteur `keydown` pour bloquer Tab hors du menu. Associez `aria-hidden="true"` sur le reste du contenu et un `scroll lock` sur `<body>` pour éviter le défilement en arrière-plan.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Mise en œuvre de la CSP avec des nonces
Prévenir les XSS avec une CSP stricte
Planifier une migration d’un monolithe vers des microservices
Migrer des monolithes de façon incrémentielle
Créer un système de cache Redis performant et scalable
Un prompt complet pour concevoir et implémenter un système de cache Redis avec stratégies d'invalidation, gestion des erreurs et monitoring.
Prompt pour créer des Serverless Functions optimisées
Prompt complet pour concevoir des serverless functions production-ready sur Vercel ou AWS Lambda, couvrant le code, la sécurité, les performances et le déploiement.