> Markdown version of [/playlists/css](https://www.wearedevelopers.com/playlists/css). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # Playlist: CSS 17 videos · 23 moments · 87.5 minutes ## WeAreDevelopers LIVE - CSS or BS? - **Testing CSS property knowledge and layout engine quirks** (37:41, 7min) — Identifying edge cases in style shorthand syntax exposes the complex parsing logic behind modern browser rendering. - **The proliferation of CSS beyond web browsers** (02:21, 1min) — Advanced layout algorithms like Flexbox are increasingly adopted by native application and game engines. [Learn more](https://www.wearedevelopers.com/videos/1850-wearedevelopers-live-css-or-bs) ## WeAreDevelopers LIVE - Accessibility isn't magic, Longevity, Devrel in times of AI and more - **Managing CSS specificity and the rise of utility frameworks** (58:24, 5min) — Why understanding the native cascade and CSS variables is often a better long-term strategy than relying on utility classes. [Learn more](https://www.wearedevelopers.com/videos/1730-wearedevelopers-live-accessibility-isn-t-magic-longevity-devrel-in-times-of-ai-and-more) ## Why LIT is Fire - **Encapsulating CSS styles and variables within Lit components** (20:18, 2min) — Defining valid CSS inside JavaScript literals to scope styling securely inside components. [Learn more](https://www.wearedevelopers.com/videos/774-why-lit-is-fire) ## Playing Games with CSS - **Tracking game interactions and points with CSS counters** (19:16, 4min) — Registering destroyed targets and tallying visual values internally via CSS counter increments and content resets. - **Building an arcade game using only CSS and HTML** (01:12, 2min) — Escaping the need for JavaScript by leveraging advanced styling rules and markup properties to drive application logic. [Learn more](https://www.wearedevelopers.com/videos/210-playing-games-with-css) ## Is your Progressive Web App Lazy? How to read and improve your PWA Performance - **Optimizing CSS to improve interactivity times** (12:41, 4min) — Techniques for reducing render-blocking styles and hunting down unused CSS rules using browser developer tools. [Learn more](https://www.wearedevelopers.com/videos/453-is-your-progressive-web-app-lazy-how-to-read-and-improve-your-pwa-performance) ## Level up your Angular CSS with Tailwind CSS - **Understanding the fundamental role of CSS in web development** (01:21, 1min) — How separating HTML structure, CSS clothing, and JavaScript functionality builds solid web architecture. - **Avoiding the steep learning curve for CSS beginners** (40:43, 3min) — Why mastering plain CSS selectors remains a firm prerequisite before troubleshooting complex utility layout errors. - **Adopting Tailwind CSS to streamline utility-first styling** (02:23, 6min) — How pre-defined utility classes accelerate layout building and eliminate media query complexities. [Learn more](https://www.wearedevelopers.com/videos/366-level-up-your-angular-css-with-tailwind-css) ## WeAreDevelopers LIVE - Yes, CSS Can Do That! - **Navigating the growing complexity of modern CSS architecture** (00:04, 5min) — Balancing advanced features like nesting and variables with maintainable, readable code. - **Replacing JavaScript interactions with native CSS features** (49:51, 6min) — Using modern pseudo-classes and updated HTML attributes to style complex interactive components natively. [Learn more](https://www.wearedevelopers.com/videos/1819-wearedevelopers-live-yes-css-can-do-that) ## Is CSS Houdini finally usable in 2023? - **Evaluating the future utility of CSS Houdini web standards** (22:11, 2min) — Why modern browser vendors are prioritizing native CSS features over the complex custom layout engines originally proposed by Houdini. - **Manipulating styles with the typed CSS object model** (13:10, 3min) — Improving parsing performance and precision by interacting with CSS in JavaScript using typed values instead of basic strings. [Learn more](https://www.wearedevelopers.com/videos/641-is-css-houdini-finally-usable-in-2023) ## From Zero to Hero: NextJS 13 and Tailwind CSS for Beginners - **Applying Tailwind utility classes for responsive design formatting** (09:28, 2min) — Styling application elements rapidly using intuitive utility-first CSS modifier classes. [Learn more](https://www.wearedevelopers.com/videos/766-from-zero-to-hero-nextjs-13-and-tailwind-css-for-beginners) ## Can CSS recreate Tufte's designs? - **Establishing physical book layouts with CSS paged media** (05:11, 4min) — Using CSS rules to define physical document dimensions, margin scales, and dynamically generated running headers. [Learn more](https://www.wearedevelopers.com/videos/517-can-css-recreate-tufte-s-designs) ## New Browser APIs, End of React Create App, Smuggling Data in Emoji and more with Rowdy Rabouw - **Mastering CSS layouts through visual Flexbox playground tools** (43:41, 1min) — Gamified browser extensions assist developers in internalizing layouts and styling syntax without constant documentation lookups. [Learn more](https://www.wearedevelopers.com/videos/1299-new-browser-apis-end-of-react-create-app-smuggling-data-in-emoji-and-more-with-rowdy-rabouw) ## Level up your Angular CSS with Tailwind CSS - **Core concepts and advantages of Tailwind CSS** (02:38, 2min) — Composing predefined CSS classes directly in HTML removes the need for separate stylesheets while minimizing production weight. [Learn more](https://www.wearedevelopers.com/videos/640-level-up-your-angular-css-with-tailwind-css) ## Making of paint.js.org—a Web Component-based Productivity PWA - **Managing dynamic dark modes using cascading CSS custom properties** (38:04, 1min) — Intercepting system preference media queries and modifying CSS variables dynamically updates application UI color schemes across shadow boundaries. [Learn more](https://www.wearedevelopers.com/videos/438-making-of-paint-js-org-a-web-component-based-productivity-pwa) ## WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more - **Manipulating document order natively using CSS custom properties** (32:00, 5min) — Improving frontend performance by using CSS custom properties for display order rather than forcing DOM manipulations. [Learn more](https://www.wearedevelopers.com/videos/1761-wearedevelopers-live-frontend-inspirations-web-standards-and-more) ## Beyond Warp Speed: Crafting the Future of Web Development with Astro 4.10 - **Internal performance optimizations and Tailwind CSS integration** (19:36, 4min) — Leveraging built-in CSS styling splits alongside customized integration libraries to maintain robust Lighthouse assessment scores. [Learn more](https://www.wearedevelopers.com/videos/985-beyond-warp-speed-crafting-the-future-of-web-development-with-astro-4-10) ## Build Your Own Subscription-based Course Platform - **Styling the application with Tailwind CSS and Tailwind UI** (05:55, 2min) — How utility-first CSS frameworks simplify component styling and accelerate layout development. [Learn more](https://www.wearedevelopers.com/videos/321-build-your-own-subscription-based-course-platform) ## What’s New and What’s Next in Web UI - **Improving developer experience with CSS nesting and cascade layers** (14:23, 2min) — How native CSS nesting and cascade layers eliminate source ordering headaches and improve project architecture. [Learn more](https://www.wearedevelopers.com/videos/956-what-s-new-and-what-s-next-in-web-ui)