David Darnes is a designer, front-end developer, and writer with over 15 years of experience building modern web interfaces and design systems. He works with leading companies and open source projects, sharing practical insights on web design and front-end development.
51 articles from this blog
A Web Component to embed and display Bluesky post replies with customizable templates using the public Bluesky API.
Introduces a Web Component that exposes audio/video duration as a CSS custom property for syncing CSS animations.
A Web Component for embedding Bluesky posts with metadata like replies, reposts, and likes, using the public Bluesky API.
A guide exploring alternative downloadable CMS platforms to WordPress, including Ghost, Kirby, and ClassicPress, with hosting recommendations.
A developer advocate shares insights and resources from his conference talk on Web Components, focusing on their role in design systems.
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.
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.
A curated list of web development, design, and tech blogs the author follows via RSS, featuring many prominent industry figures and resources.
Introducing the random-source Web Component for cycling through random audio/video sources with elegant fallback.
A developer shares their ideal features for a modern CMS, inspired by industry discussions and personal experience with platforms like WordPress and Ghost.
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 technical guide for Mastodon users to find and follow Threads accounts using curl commands and WebFinger protocol.
Introduces a Web Component for embedding Mastodon posts with metadata like replies, boosts, and favorites on a webpage.
Introduces a Web Component for previewing audio/video files uploaded via an HTML input element, improving user experience.
