Do It With Style: Rethinking CSS - Dylan Beattie - NDC Oslo 2026

Do It With Style: Rethinking CSS - Dylan Beattie - NDC Oslo 2026

Faites-le avec style : repenser CSS - Dylan Beattie - NDC Oslo 2026

Historique des titres
  • Do It With Style: Rethinking CSS - Dylan Beattie - NDC Oslo 2026 — observé le 20261103-1036 UTC (YouTube)

par Dylan Beattie · Voir la chaîne sur PSI

Sciences appliquées & ingénierie Informatique & Cybersécurité UMProgrammation informatiqueUMWProgrammation Web
🎙 Dylan Beattie 👥 230K 📅 3 novembre 2026 ⏱ 60 min 👁 6 📄 tutoriel 🧭 2026-11-03
Disponible en : Français (actuel) English

Mots-clés

CSSHTMLJavaScriptweb standardsanimation

Résumé

Dans cette conférence donnée à NDC Oslo, Dylan Beattie propose une relecture moderne de CSS, souvent déprécié par les développeurs. Il commence par rappeler les origines du web et les difficultés historiques de CSS, notamment l’absence de contrôle sur le rendu et la lenteur de son évolution due à la compatibilité avec les navigateurs. Il montre ensuite que CSS est en constante évolution avec des fonctionnalités récentes comme les variables, les grilles, les flexbox, les animations et les transitions. Il illustre son propos par la réalisation, sans JavaScript, d’un accordéon utilisant les éléments HTML <details> et <summary>, avec la prise en charge des accordéons mutuellement exclusifs via l’attribut name. Il aborde également la nouvelle syntaxe d’imbrication native du CSS et la possibilité de créer des animations fluides grâce à la propriété interpolate-size, qui résout le problème de l’animation des hauteurs automatiques. La conférence se conclut sur la vision que CSS n’est plus un simple langage de style mais un outil puissant pour la présentation et l’interaction, réduisant le besoin de JavaScript. L’accent est mis sur la compatibilité navigateur et l’importance de rester à jour face à l’évolution des standards web.

190 mots

Évaluation critique

Valeur des informations & solidité de l’argumentation

La valeur de cette conférence réside dans sa démonstration concrète de capacités CSS récentes souvent méconnues, comme les éléments <details> et <summary>, l’imbrication native et l’animation de hauteur via interpolate-size. L’argumentation est solide car elle s’appuie sur des exemples codés en direct et sur des références historiques précises, comme l’évolution des boutons arrondis ou les problèmes de compatibilité résolus par la CSS Working Group. L’orateur adopte un ton humoristique mais rigoureux, expliquant clairement les concepts techniques tout en les reliant à des problèmes réels de développement. La démonstration est progressive et pédagogique, chaque étape étant justifiée par un besoin utilisateur ou une limite technique. L’argument central, selon lequel de nombreuses interactions autrefois réservées à JavaScript relèvent en réalité de la présentation et peuvent être gérées en CSS, est bien étayé par les exemples présentés.

Rigueur scientifique, qualité des sources, adéquation du titre

La rigueur scientifique de la conférence est correcte sans être formelle : l’orateur cite des références historiques (mailing list wwwalk), des exemples de navigateurs (Chrome, Firefox, Safari) et mentionne des ressources comme Can I Use et le wiki de la CSS Working Group. Cependant, il ne fournit pas de citations bibliographiques détaillées et les liens présents dans la description (NDC Conferences) ne sont pas des sources scientifiques. L’adéquation titre/contenu est parfaite : le titre « Do It With Style: Rethinking CSS » annonce clairement une redécouverte du CSS, et le contenu tient cette promesse en démontrant les possibilités modernes du langage. La conférence ne s’aventure pas dans des domaines hors de son sujet, elle reste centrée sur la présentation et l’évolution du CSS.

272 mots

Adéquation titre / contenu

Le titre reflète parfaitement le contenu : le discours propose de reconsidérer le CSS en montrant ses capacités modernes et son évolution.

Qualité & fiabilité

8/10

L'orateur est un développeur expérimenté et reconnu, le contenu est techniquement documenté mais certaines assertions restent subjectives et ne s'appuient pas sur des sources formelles.

Moments clés

Repères établis par PSI à partir de la transcription : le créateur n'a pas défini de chapitres.

Sources citées

  • NDC Conferences — Organisateur de la conférence où la vidéo a été enregistrée
  • NDC Oslo — Site officiel de la conférence NDC Oslo 2026

Apport & nouveautés

L’apport original de cette conférence est de renouveler le regard des développeurs sur CSS en présentant des fonctionnalités récentes souvent ignorées, comme les accordéons mutuellement exclusifs avec <details>, l’imbrication native des règles CSS et la gestion de l’animation de hauteur via interpolate-size. L’orateur démontre, avec des exemples exécutés live, que ces techniques permettent de réduire l’usage de JavaScript tout en améliorant l’accessibilité et les performances. Pour approfondir ces thèmes, on peut consulter les ressources suivantes.

Pour aller plus loin :

123 mots

Profil radar

Le profil radar montre une conférence équilibrée avec des scores élevés en quantité et qualité d'information, un niveau technique adapté à un public de développeurs, et une fiabilité globale correcte. La faible présence de sources formelles est compensée par la démonstration pratique.

Fiabilité 8/10