A developer shares their new role at Font Awesome, focusing on Web Awesome and improving web UI development with web components and CSS.
A guide to the heading-anchors Web Component for adding anchor links to headings, including features, usage, and customization.
Introducing the live-filter Web Component, a tool for filtering HTML list items in real-time using a text input field.
A blog post about the author's contributions to the awesome-standalones GitHub repo, a curated list of framework-agnostic web components.
A developer shares his lightning talk on building accessible tab components using Web Components within a design system.
Exploring current CSS hacks for conditionals before the official if() function arrives, discussing trade-offs between developer convenience and user needs.
A free whitepaper exploring the adoption, APIs, and practical use of Web Components as a native alternative to JavaScript frameworks.
Introduces a Web Component that wraps code blocks to open them directly in CodePen for live editing and experimentation.
Introduces a Web Component for checking and displaying WCAG color contrast ratios and grades using CSS custom properties.
Introducing the random-source Web Component for cycling through random audio/video sources with elegant fallback.
Explores combining ASP.NET Core, SSR, and Web Components using Enhance WASM for faster web app rendering.
Discusses the complexity of building accessible date pickers in design systems, referencing insights from the Web Awesome team and the open-source Cally components.
Introducing link-peek, a Web Component that progressively enhances regular links into rich previews using JSON APIs and custom templates.
A guide to implementing server-side rendering (SSR) for Web Components in ASP.NET Core using Tag Helpers to improve performance and user experience.
A guide to resolving compatibility issues between HTMX and Shoelace web components, with a focus on Shadow DOM and event handling.
A guide to integrating the Shoelace Web Components library with ASP.NET Core Razor Pages and TagHelpers for reusable, framework-agnostic UI.
Introduces a Web Component for embedding Mastodon posts with metadata like replies, boosts, and favorites on a webpage.
Explains HTML Web Components, a technique to enhance existing HTML with JavaScript, and demonstrates their use in ASP.NET Core applications.
Introduces a Web Component for previewing audio/video files uploaded via an HTML input element, improving user experience.
Introduces a Web Component for controlling audio/video playback with a simple, stylable button, solving cross-browser styling issues.
