play-button Web Component
Introduces a Web Component for controlling audio/video playback with a simple, stylable button, solving cross-browser styling issues.
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
Introduces a Web Component for controlling audio/video playback with a simple, stylable button, solving cross-browser styling issues.
Introduces storage-form, a Web Component that connects HTML forms to browser localStorage for data persistence.
Introducing the is-playing Web Component, a tool to detect and style playing audio/video elements using CSS selectors and attributes.
An open-source GitHub template for quickly creating and deploying new Web Components with npm and demo files.
Introducing a Web Component that creates a native OS sharing button from a standard HTML button element.
A technical guide on how to preview draft posts from a headless Ghost CMS using the Eleventy static site generator and deploying previews via Netlify.
Explains how and why to add a generator meta tag to an Eleventy static site, detailing benefits like developer awareness and statistics.
A developer shares insights on building an accessible, multi-component tab system using Web Components for a design system.
A technical guide on implementing Display-P3 wide-gamut colors in a website using CSS and JavaScript, focusing on converting hex colors.
Explains how to use a specific folder from a GitHub repository as an npm dependency using the degit tool.
A Q&A recap of a livestream on using Ghost as a headless CMS with Jamstack tools like Eleventy and Gatsby, answering developer questions.
A guide to creating a custom Netlify Build Plugin to generate markdown from Ghost during the build lifecycle.
A tutorial on implementing multi-language websites using HTML link elements for translations and building a dynamic language selector with JavaScript.
A developer shares their experience migrating personal projects to Netlify, focusing on domain management and a simpler, server-side analytics alternative to Google Analytics.
A guide on integrating the Ghost CMS with the Jekyll static site generator using a Netlify plugin and gulp.js to convert API content to markdown.
A tutorial on using the Eleventy static site generator to create a static blog by sourcing content from the Ghost Content API.
A developer demonstrates how to use Netlify Drop to deploy a fun, interactive mic-dropping animation built with HTML and CSS.
A tutorial on adding clickable anchor links to headings in a Jekyll blog using a simple JavaScript snippet.
A developer outlines key criteria for selecting a Content Management System (CMS), prioritizing client needs, documentation, and user interface.
A tutorial on integrating Siteleaf, a CMS, with a Jekyll site hosted on GitHub Pages for easier content management.