L'équipe Chrome répond aux préoccupations de la communauté.

Chrome sur Android passe en plein écran à partir de Chrome 135.

Créer des expériences Web de bout en bout

Découvrez comment les animations déclenchées par le défilement améliorent les articles de storytelling.

Vous pouvez désormais utiliser attr() avec n'importe quelle propriété CSS, y compris les propriétés personnalisées. Il peut analyser les valeurs en types de données autres que des chaînes.

Rejoignez l'équipe Chrome DevRel et un dinosaure Chrome à roulettes pour découvrir le dernier CSS lancé pour Chrome et la plate-forme Web en 2024.

Chrome 131 est en cours de déploiement ! Plus de styles CSS pour l'élément "details", mise en page d'impression simplifiée avec des marges de page, et bien plus encore.

Vous pouvez désormais définir le type d'affichage et styliser le conteneur pour la partie qui se développe et se réduit à l'aide du nouveau pseudo-élément ::details-content.

Le déploiement de Chrome 130 est en cours. Le mode Picture-in-picture pour les documents vous permet de mieux contrôler les fenêtres Picture-in-picture, les déclarations imbriquées CSS corrigent certains cas difficiles, et vous pouvez spécifier le comportement des décorations sur les éléments répartis sur plusieurs lignes. Pete LePage vous présente toutes les nouveautés de Chrome 130 pour les développeurs.

Commencez à utiliser des transitions d'affichage pour un même document dans votre application monopage.

Animer des mots clés de dimensionnement intrinsèque à partir de et vers "interpolate-size" et "calc-size()"

Présentation de deux nouveaux événements JavaScript : "défilerSnapChange" et "défilerSnap" :

Alors que de plus en plus de personnes s'intéressent à l'API View Transition, il est temps de réfuter certaines idées reçues.

Lisez toutes les annonces de Google I/O 2024 concernant les CSS et l'interface utilisateur Web.

Lancement des transitions de vue de plusieurs documents pour l'annonce MPA, des transitions de vue sélective avec les types actifs et du partage des styles d'animation avec la classe de transition d'affichage.

Découvrez comment les sites d'e-commerce tirent parti des dernières fonctionnalités CSS et UI : transitions de vues, animations liées au défilement, API Popover, etc.

Découvrez les avantages des animations liées aux défilements avec Policybazaar, redBus et Tokopedia.

Cours vidéo en 10 parties pour tout savoir sur les animations liées au défilement

Proposition de définition de la maçonnerie et de la grille selon différentes spécifications.

Faites vos premiers pas avec les transitions d'affichage de plusieurs documents à utiliser dans votre application multipage (MPA).

L'API View Transition vous permet d'ajouter des transitions entre les vues d'un site Web.

À partir de Chrome 122, l'élément "::backdrop" hérite des propriétés de son élément d'origine.

Utilisez les propriétés "scrollbar-width" et "scrollbar-color" pour appliquer un style aux barres de défilement.

Crée un accordéon exclusif avec plusieurs éléments `` ayant le même nom.

2023 a été une année charnière pour les CSS ! Découvrez ce qui a été ajouté à Chrome et sur la plate-forme Web cette année.

Découvrez comment utiliser @scope pour ne sélectionner des éléments que dans une sous-arborescence limitée de votre DOM.

Présentation de linear(), une fonction de lissage de vitesse en CSS qui effectue une interpolation linéaire entre ses points, ce qui vous permet de recréer des effets de rebond et de rebond.

Découvrez les 20 principales fonctionnalités CSS et UI présentées lors de la conférence Google I/O 2023 à ne pas manquer.

Découvrez comment utiliser les timelines de défilement et les timelines d'affichage pour créer des animations liées au défilement de manière déclarative.

L'une de nos fonctionnalités préférées de préprocesseur CSS est désormais intégrée au langage: les règles de style d'imbrication.

Le groupe de travail CSS continue de débattre sur la meilleure façon de définir l'imbrication dans CSS. Si vous êtes un spécialiste des SCP, nous avons besoin de votre aide.

Changements à venir concernant le redimensionnement de la fenêtre d'affichage dans Chrome 108, raisons de ce changement et conseils pour vous y préparer.

Chrome 106 est en cours de déploiement. De nouvelles API Intl vous permettent de mieux contrôler la mise en forme des nombres. La nouvelle API Pop-up est en phase d'évaluation, ce qui permet de présenter facilement des contenus essentiels à l'utilisateur. Quelques améliorations ont été apportées au code CSS. Et ce n'est pas tout !

Découvrez certaines des modifications récentes apportées aux outils pour les développeurs Chrome, qui améliorent votre expérience de débogage et de profilage lorsque vous utilisez des bundles, des frameworks et du code tiers.

En utilisant Angular comme pilote de test, les outils pour les développeurs Chrome et les équipes Angular ont collaboré pour vous offrir une meilleure expérience de débogage. D'autres frameworks peuvent proposer des modifications similaires.

"Les couches Cascade sont une nouvelle API CSS qui vous aide à gérer la priorité en cascade de votre code, qui arrivera bientôt dans tous les navigateurs modernes."

Chrome 89 est en cours de déploiement ! WebHID, WebNFC et Web Serial ont été retirés de leur phase d'évaluation et sont désormais disponibles en version stable. Nous allons clôturer une faille que quelques développeurs utilisaient pour contourner les vérifications d'installation des PWA. et Web Share Target arrivent sur le bureau. Et ce n'est pas tout !

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

Pre-filter a set of child elements before applying An+B logic on it.