Frontend / UI docs

• Sélecteur de thème fiable : bouton, menu et préférence mémorisée
• Méga menu avec CSS Grid : survol, focus, mobile et bases de l’accessibilité
• Espacements fluides avec CSS clamp(): padding et marges qui s’ajustent naturellement
• Prise en charge du mouvement réduit : prefers-reduced-motion bien implémenté
• Cases à cocher et boutons radio personnalisés en pur CSS : modèles accessibles qui ne trompent pas
• Grilles de cartes qui ajustent automatiquement les colonnes avec auto-fit/minmax (sans media queries)
• Concevez un tableau de tarification SaaS qui convertit sans casser votre frontend
• Éléments sticky sans douleur : barres latérales, en-têtes et pourquoi ça casse
• CSS Grid vs Flexbox : règles de décision et recettes de mise en page robustes en production
• Infobulles sans bibliothèques : positionnement, flèche et modèles compatibles ARIA
• Indicateurs de focus accessibles et esthétiques
• CSS moderne : :has() dans l’UI réelle — sélecteurs parents pour formulaires, cartes et filtres
• Fil d’Ariane + navigation Précédent/Suivant pour sites de documentation (Propre, rapide, accessible)
• Mise en page Holy Grail moderne en CSS : en-tête, pied de page, barre latérale sans hacks
• Design tokens pour un thème de docs : variables CSS, mode sombre façon X, mouvement réduit
• Pagination vs défilement infini : modèles d’interface qui n’énervent pas les utilisateurs
• Incrustations réactives qui ne cassent pas la mise en page : YouTube, iframes et cartes en production
• Modales uniquement en CSS qui ne vous trahiront pas : :target, arrière-plans et modèles de fermeture
• Mode sombre qui ne craint pas : prefers-color-scheme + modèle de bascule manuelle
• Reset CSS moderne pour 2026 : minimal, sûr pour formulaires et médias
• Encadrés de documentation qui ne vous trahissent pas : variables CSS, mode sombre et discipline opérationnelle
• Chips et barres de filtres : gestion du débordement, wrap, défilement, états sélectionnés
• Micro-composants UI pour articles techniques : kbd, badges, tags, code inline et boutons Copier
• Barre de progression de lecture pour articles : CSS d’abord, JS minimal qui ne gâchera pas l’UX
• Meilleure typographie pour des docs que les ingénieurs lisent vraiment
• Construire une table des matières à droite : sticky, scroll-margin, surlignage de la section active
• Interface modale Cmd+K : listes de résultats, indices clavier et états vides (approche HTML/CSS d’abord)
• Animations CSS sans sacrifier les performances : règles Transform/Opacity et écueils
• Formulaires modernes de connexion et d’inscription fiables en production
• Boutons Copier vers le Presse-papier qui ne mentent pas : états, infobulles et retours
• Styles de formulaires résistants pour la production : champs, sélecteurs, cases à cocher, radios, interrupteurs
• Encadrés d’alerte avec icônes : SVG inline + variables CSS (sans polices d’icônes)
• CSS pour contenu Markdown : des valeurs par défaut sensées qui ne cassent pas la production
• Page d’atterrissage HTML/CSS pure : Hero, Fonctionnalités, Tarifs, FAQ (style Documentation)
• Interface de notifications Toast avec CSS : Empilement, Animations, Variantes de placement
• Typographie responsive qui rend bien : utiliser clamp() correctement
• Tables adaptées au code : mise en page fixe vs automatique, retour à la ligne et alignement des nombres
• Écrans squelettes en pur CSS : lueur, réduction du mouvement et performance
• Galeries scroll-snap : contenu horizontal fluide sans JavaScript
• Mise en page de documentation sans framework : barre latérale sticky, contenu, table des matières à droite avec CSS Grid
• Gestion des images pour sites rapides : ratio d’aspect, styles de lazy loading, placeholders floutés
• Tables réactives pour la documentation technique qui tiennent en production
• Styles d’impression pour une documentation qui ne vous embarrasse pas
• Blocs de code façon GitHub : barres de titre, bouton Copier, numéros de ligne et lignes surlignées
• Guide pratique des Container Queries : conception responsive axée sur les composants
• Tiroir de navigation mobile pour la documentation qui ne casse pas : superposition, verrouillage du défilement et gestion du focus
• Liens d’ancrage façon site de documentation : icônes au survol, offsets et titres cliquables