
Do It With Style: Rethinking CSS - Dylan Beattie - NDC London 2026
Keywords
Summary
180 words
Critical Evaluation
Value of the Information & Strength of the Argument
The talk provides valuable insights into the current state of CSS, offering practical examples and demonstrations that highlight its capabilities. Beattie’s argumentation is solid, as he supports his points with historical context and real-world examples. He effectively challenges the notion that CSS is not a real programming language by showcasing its advanced features and the complexity it can handle. The presentation is well-structured, moving from the problems with CSS to its evolution and finally to modern solutions, making a compelling case for rethinking CSS.
Scientific Rigor, Source Quality, Title Accuracy
The talk demonstrates high scientific rigor, with accurate historical references and up-to-date information on CSS features. Beattie cites specific sources, such as the CSS Working Group wiki and the Baseline project, and his claims are consistent with current web standards. The title ‘Rethinking CSS’ accurately reflects the content, as the talk encourages a fresh perspective on CSS. The speaker’s expertise is evident, and the talk is well-received by the audience, including a CSSWG member who praised its accuracy.
177 words
Title / Content Match
The title 'Rethinking CSS' accurately reflects the talk's aim to encourage developers to reconsider their attitudes towards CSS and explore modern capabilities.
Quality & Reliability
9/10
High-quality talk by an experienced web developer, with accurate historical context and up-to-date CSS features. The speaker demonstrates deep knowledge and the content is well-received by the audience, including a CSSWG member who found no meaningful errors.
Key Moments
Markers derived by PSI from the transcript: the creator did not define chapters.
- Introduction to the talk and the controversial nature of CSS.
- Discussion on why CSS is difficult to test and the lack of error messages.
- Historical overview of CSS, including the early days of the web and the evolution of rounded corners.
- Introduction to the <details> element and its use for accordions.
- Demonstration of CSS transitions and building a Mac OS dock effect.
- Explanation of the transition to auto issue and its resolution.
- Showcase of modern CSS features like nesting and pseudo-elements.
- Discussion on the importance of semantic HTML and reducing JavaScript usage.
- Examples of CSS-only animations and interactions.
- Conclusion and call to embrace modern CSS.
Cited Sources
- NDC Conferences — Conference website mentioned in the talk.
- NDC London — Conference website for NDC London.
Concurring Sources
- MDN Web Docs — General reference for web technologies, consistent with the talk's content.
Contribution & Novelties
The talk provides a comprehensive overview of modern CSS features and encourages developers to reconsider their approach to web styling. It highlights the evolution of CSS from a simple styling language to a powerful tool capable of complex interactions and animations without JavaScript. The speaker’s engaging presentation style and practical examples make the content accessible and inspiring.
Pour aller plus loin :
- CSS Nesting — Official documentation on CSS nesting.
- The <details> element — MDN documentation on the details element.
- CSS Transitions — MDN documentation on CSS transitions.
88 words
Radar Profile
The radar profile shows high scores in information quantity, quality, and reliability, with a slightly lower technical level, indicating a talk that is informative and trustworthy but not overly technical, making it accessible to a broad audience.
💬 Très positif. Sur les 30 commentaires analysés, la grande majorité exprime une admiration pour le talent de Dylan Beattie et la qualité de la présentation, avec quelques suggestions d'amélioration comme la mention de Ladybird.