BrowserUX.css
Une alternative moderne aux resets CSS et à normalize.css, pensée pour l’expérience utilisateur.
browserux.css est une base CSS minimaliste centrée sur l’expérience utilisateur et l’accessibilité. Conçu pour renforcer les comportements natifs de HTML et CSS, il offre une base moderne et cohérente qui améliore l’ergonomie sur tous les appareils.
Télécharger v2.0.0
Pour tous les navigateurs modernes
Voir le CHANGELOG
npm install browserux.cssSimple en surface, solide dans ses fondations.
-
🔄 Reset
browserux.css applique un reset minimaliste pour supprimer les styles par défaut indésirables des navigateurs.
-
⚙️ Normalisation
Standardise les éléments entre navigateurs pour garantir un comportement cohérent.
-
🧩 Ergonomie
Optimise la fluidité des interactions UX et réduit les frictions sur tous types d’appareils.
-
♿ Accessibilité
Garantit que le site reste utilisable pour tous les utilisateurs, y compris ceux utilisant des technologies d’assistance.
Quatre sections, l’essentiel.
-
🔣 Variables
L’utilisation des variables CSS permet une personnalisation facile du thème.
-
🛠️ Préférences utilisateur
Gère les préférences propres à l’utilisateur, détectées via les media queries.
-
🖼️ Thème de l’interface navigateur
Applique une personnalisation visuelle aux éléments natifs du navigateur.
-
🧱 Styles par défaut du navigateur
Intégration équilibrée des quatre piliers fondamentaux, organisée de manière logique.
Petit par la taille, grand par les fonctionnalités.
-
🧩 Ergonomie
- Défilement fluide (sauf si désactivé par les préférences utilisateur).
- Optimisation des interactions tactiles sur mobile (touch-action: manipulation).
- Empêche les contenus multimédias de déborder de leur conteneur.
- Désactive la sélection de texte non souhaitée sur les éléments interactifs.
- Force l'affichage des barres de défilement pour éviter les décalages de mise en page.
- Styles de curseur améliorés sur les éléments interactifs.
-
♿ Accessibilité
- Respect des préférences système : mode sombre et réduction des animations.
- Contours visibles au clavier via :focus-visible.
- Prise en charge de accent-color sur les champs de formulaire.
- Curseur d’aide sur les éléments contenant des informations supplémentaires (abbr, dfn).
- Styles de validation neutres (notamment sur Firefox).
- Barres de défilement visibles et personnalisables, sans hacks CSS pour les masquer.
-
🔄 Reset
- Réinitialisation universelle des espacements (marge/padding à 0).
- Modèle de boîte réinitialisé en border-box.
- Suppression des styles de liste et des indentations de tableaux.
- Neutralisation des styles par défaut des boutons et champs de formulaire.
- Rend les éléments multimédias réactifs (responsive).
- Nettoyage des contours de focus par défaut dans Firefox.
- Neutralisation des styles de validation automatiques du navigateur.
-
⚙️ Normalisation
- Typographie de base unifiée (taille, police, interligne).
- Comportement typographique standardisé (b, small, sub, sup).
- Apparence des champs de formulaire harmonisée.
- Rendu cohérent des listes et tableaux.
- Réactivité améliorée du contenu multimédia.
- Comportement des barres de défilement uniforme.