browserux.lab.css
Un laboratoire pour le CSS de demain.
browserux.lab.css suit les fonctionnalités CSS émergentes qui pourraient un jour intégrer browserux.css. C’est un document de travail, pas une feuille de style prête à l’emploi.
BrowserUX.Lab.css
browserux.lab.css
Observation
↓
Essai
↓
Bientôt prêt
↓
Migré
Un document de travail, pas une feuille de style prête à l’emploi.
// Le laboratoire est une veille technologique continue : un espace pour observer, évaluer et documenter les fonctionnalités CSS émergentes à mesure qu’elles gagnent en maturité dans les navigateurs.
-
01
Veille technologique
Suivre les fonctionnalités CSS prometteuses au fil de leur arrivée dans les navigateurs.
-
02
Alignement avec BrowserUX
Documenter ce que chaque fonctionnalité apporte à l’approche BrowserUX.
-
03
Fallbacks
Décrire les comportements fallback et les conditions à réunir avant migration.
-
04
Seuil de migration
Déterminer quand une règle est assez mûre pour rejoindre browserux.css.
De l’idée à la distribution.
// Chaque entrée suit le même cycle de vie : observation → essai → bientôt prêt → migré (ou rejeté).
-
Observation
Observation
Fonctionnalités prometteuses repérées tôt, mais encore trop jeunes pour la fondation principale.
-
Essai
Essai
À prototyper localement pour évaluer l’ergonomie et la qualité des fallbacks.
-
Bientôt prêt
Bientôt prêt
Candidats techniquement solides, en attente d’une adoption plus large dans les moteurs.
-
Migré
Migré
Intégré à browserux.css une fois l’alignement, la prise en charge et l’UX réunis.
Dans la liste de veille.
// Le laboratoire reprend les quatre sections de browserux.css, avec une piste par enjeu.
-
01 Variables
- Propriétés personnalisées typéesEssai
@property
-
02 Préférences utilisateur
- Préférence pour une consommation de données réduiteObservation
prefers-reduced-data - Détection de la disponibilité des scriptsBientôt prêt
@media (scripting) - Mode de mise à jour de l’affichageBientôt prêt
@media (update)
-
03 Thème de l’interface du navigateur
- Positionnement d’ancrage CSSEssai
anchor-nameposition-anchor - API PopoverBientôt prêt
[popover]:popover-open - Menu select natif personnalisableEssai
appearance: base-select - Coche d’optionEssai
::checkmark - Contenu deBientôt prêt
<details>::details-content - Marqueurs de défilementEssai
:scroll-marker:target-current
-
04 Styles par défaut du navigateur
- Contrôles de formulaire dimensionnés au contenuEssai
text-wrap: pretty - Ponctuation suspendueObservation
hanging-punctuation - Rognage des métriques de policeObservation
text-box-trim