In this podcast, the hosts discuss the 2023 State of CSS survey, covering topics such as CSS frameworks, tooling, browser usage, SVG and CSS, and the CSS Awards. They explore the impact of Bootstrap and CSS frameworks, analyze CSS tools and frameworks like Lightning CSS and Project Wallace, discuss CSS usage in different industry sectors, and delve into CSS frustrations and limitations. They also touch on drill sets and the history of heavyweight boxing in the 1970s.
Read more
AI Summary
AI Chapters
Episode notes
auto_awesome
Podcast summary created with Snipd AI
Quick takeaways
Tailwind and Bootstrap are widely adopted CSS frameworks for building user interfaces, with Bootstrap being the most popular, but interest in Tailwind is decreasing, suggesting possible saturation.
Developers face challenges in CSS, including browser compatibility and form element styling, but improvements such as scroll snap and aspect ratio features are highly anticipated.
Deep dives
CSS frameworks and usage
CSS frameworks, such as Tailwind and Bootstrap, are widely adopted and used by developers for building user interfaces (UI). While Tailwind has high interest and usage, Bootstrap remains the most widely used CSS framework. However, interest in Tailwind is decreasing, suggesting a possible saturation point. Other lesser-known frameworks like Foundation have seen a decline in interest and awareness. The popularity of CSS-in-JS frameworks has also decreased, with many developers preferring regular CSS and leveraging CSS variables for dynamic styling. Second-tier CSS frameworks, such as UIKit and Bulma, offer alternatives with varying levels of adoption and popularity.
CSS pain points and improvements
Developers continue to face challenges in CSS, including browser compatibility, form element styling, and architecture/maintenance. Scroll snap and aspect ratio features are among the highly anticipated improvements. Container queries and dynamic viewport units are also sought after. Other pain points mentioned include browser inconsistencies and the need for improved design support. While CSS has evolved significantly and received positive feedback, there are areas for improvement, such as enhanced browser support and improvement in specific features like subgrid.
CSS learning and resource usage
When it comes to learning CSS, self-directed approaches, video tutorials, and online courses are the most popular methods. Developers also value on-the-job training and view source as valuable resources for learning. In terms of usage, CSS variables and responsive layouts with CSS Grid and Flexbox have gained widespread adoption. CSS frameworks and tools, like SaaS and PostCSS, are commonly used for development. However, there is a growing interest in utility class-based approaches and a decline in the popularity of CSS-in-JS frameworks.
Podcast summary: CSS Frameworks and Pain Points
On the podcast, Scott and West discuss the state of CSS, focusing on CSS frameworks, pain points, and improvements. They explore the popularity of Tailwind and Bootstrap as widely adopted CSS frameworks, along with the challenges of form element styling and maintenance within CSS architecture. The conversation highlights the increasing interest in container queries, dynamic viewport units, and the need for improved browser compatibility. They also touch upon the adoption of CSS variables, the decline in popularity of CSS-in-JS frameworks, and the importance of self-directed learning and accessible resources for CSS education.
In this episode of Syntax, it’s part 2 of Wes and Scott’s reactions to the 2023 State of CSS survey including CSS frameworks, tooling, browser usage, SVG and CSS, and the CSS Awards.