David Darnes

✛ All cursor icons from OS X, in SVG format

A Web Component to play audio or video with a button

⚗️ A Jekyll boilerplate theme designed to be a starting point for any Jekyll website

A Web Component to share web pages using the native OS sharing options

Template for kicking off a new Web Component

A Web Component to display Bluesky posts and their metadata

A Web Component to display Mastodon posts and their metadata

A Web Component to unfurl regular links into rich previews

A Web Component to display the contrast ratio and level of two colours using CSS custom properties

🥁 A really basic theme for Jekyll

Independent technology for modern publishing, memberships, subscriptions and newsletters.

A Web Component that allows you to submit data to local storage

A Web Component to add anchor links to headings with IDs

🌐 My site for showing experiments, tools and other projects

A Web Component to randomly change audio or video sources

A Web Component for filtering items using a text input

A Web Component to open code samples in CodePen

A Web Component to sample audio or video added to an upload input

A Web Component to display Bluesky post replies

Unfurl links into rich cards, as seen in places like Slack and Twitter

Demonstration of switching from DropInBlog embed code to a fully fledged blog site, using Eleventy to generate the blog and blog pages

A webring for design system practitioners.

A Web Component to surface an audio or video's duration as a CSS Custom Property

⚗️📦 Starter kit for Alembic, hosted on GitHub Pages, Netlify or anywhere you like

A Web Component to indicate when an audio, or video, element is playing

Returns Ghost content as markdown files for static site generators like Jekyll to consume.

Bluesky API documentation

⚗️💠 Starter kit for Alembic with Netlify CMS, hosted on Netlify

🔍 Search through your jekyll pages, posts, or any collection the ES6 way

Access the Ghost API in Eleventy 👻🎈