Community Picks

The author explains why they do not like Tailwind CSS, citing concerns about its HTML structure, compatibility issues with other CSS frameworks, reliance on non-standard features like `@apply`, lack of support for web components, and encouragement of div/span-tag soup in markup.

Why Tailwind Isn't for Me

LogRocket

Learn how to build an off-canvas menu using the <dialog> element and web components. Ensure accessibility and enhance user experience by following the steps provided. Style the menu using CSS to achieve desired animations and positioning.

Build an off-canvas menu with <dialog> and web components

Lobsters

The post discusses the use of Web Components and HTMX together to create reusable, framework-agnostic components. It explains the process of creating and using Web Components in the context of HTMX, provides examples of using Web Components with HTMX, and emphasizes the importance of a white box philosophy in component development.

HTMX and Web Components: a Perfect Match

Web Components are a set of web platform APIs and standards for building reusable and encapsulated custom HTML elements. They enable developers to create modular, interoperable, and framework-agnostic UI components that can be used across different web applications. Readers can explore how Web Components improve web development by promoting component-based architecture, code reusability, and interoperability, enabling developers to build flexible and maintainable web applications with encapsulated UI components.

Best of Web Components — January 2024