Un document de travail, pas une feuille de style distribuée.
Le laboratoire est une veille technologique continue : un espace pour observer, évaluer et consigner les fonctionnalités CSS émergentes à mesure qu’elles maturent entre les navigateurs.
-
🔭
Veille technologique
Suivre les fonctionnalités CSS prometteuses à mesure qu’elles arrivent dans les navigateurs.
-
🎯
Alignement philosophique
Documenter pourquoi chaque fonctionnalité compte pour la philosophie BrowserUX.
-
🧰
Notes de fallback
Consigner le comportement de repli et les conditions concrètes de migration.
-
🚦
Seuil de migration
Décider quand une règle est assez mature pour rejoindre browserux.css.
De l’étincelle à la distribution.
Chaque entrée suit le même cycle de vie : observation → essai → bientôt prêt → migré (ou rejeté).
-
👀
Observation
Fonctionnalités prometteuses repérées tôt, mais trop immatures pour la fondation principale.
-
🧪
Essai
À prototyper localement pour évaluer l’ergonomie et la qualité des fallbacks.
-
✅
Bientôt prêt
Candidats techniquement solides, en attente d’une adoption plus large entre moteurs.
-
📦
Migré
Intégré à browserux.css une fois l’alignement, le support et l’UX réunis.
Sur la liste de veille.
Le laboratoire reflète les quatre sections de browserux.css, un rayon par préoccupation.
-
🎨
Tokens de design
- Propriétés personnalisées typées (
@property) : trial
- Appariement de tokens avec
light-dark() : ready-soon
⚙️
Préférences utilisateur
- Préférence de données réduites (
prefers-reduced-data) : watching
- Requête de disponibilité du scripting (
@media (scripting)) : ready-soon
- Capacité de rafraîchissement de l’affichage (
@media (update)) : ready-soon
-
🖼️
Thème de l’interface navigateur
- Positionnement d’ancrage CSS (
anchor-name, position-anchor) : trial
- API Popover (
[popover], :popover-open) : ready-soon
- Select natif personnalisable (
appearance: base-select) : trial
- Coche d’option (
::checkmark) : trial
- Contenu de details (
::details-content) : ready-soon
- Marqueurs de défilement (
::scroll-marker, :target-current) : trial
-
🧱
Styles navigateur par défaut
- Contrôles de formulaire dimensionnés au contenu (
field-sizing) : watching
- Meilleur retour à la ligne des textes longs (
text-wrap: pretty) : trial
- Ponctuation suspendue (
hanging-punctuation) : watching
- Rognage des métriques de police (
text-box-trim) : watching