Discover @daviddarnes Open Source projects

David Darnes (@daviddarnes)

daviddarnes

Stars
1,954
Global Rank 15,668 (Top 0.6 %)
Followers 499
Following 296
Registered almost 13 years ago
Most used languages

HTML
40.9 %

CSS
13.6 %

JavaScript
13.6 %

Ruby
11.4 %

PHP
11.4 %

SCSS 4.5 %

Nunjucks 4.5 %
Location 🇬🇧 United Kingdom
Country Total Rank 1,050
Country Ranking

Nunjucks 5

SCSS 6

HTML
79

CSS
312

Ruby
904

JavaScript
1,054

PHP
1,262

alembic

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

mac-cursors

✛ All cursor icons from OS X, in SVG format

garth

🥁 A really basic theme for Jekyll

component-template

Template for kicking off a new Web Component

netlify-plugin-ghost-markdown

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

link-peek

A Web Component to unfurl regular links into rich previews

eleventy-plugin-unfurl

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

play-button

A Web Component to play audio or video with a button

mastodon-post

A Web Component to display Mastodon posts and their metadata

share-button

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

code-pen

A Web Component to open code samples in CodePen

jekyll-search-js

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

storage-form

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

heading-anchors

A Web Component to add anchor links to headings with IDs

inline-email-form

📫 An inline email dialog, inspired by @MrMarkCollins and designed by @mr-stezz

eleventy-plugin-ghost

Access the Ghost API in Eleventy 👻🎈

daviddarnes.github.io

🌐 My site for showing experiments, tools and other projects

live-filter

A Web Component for filtering items using a text input

alembic-netlifycms-kit

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

sample-input

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

alembic-kit

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

ticket

⚓️ A cute little theme for Anchor CMS

is-playing

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

duration-property

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

repo-listing-demo

⚙ A demo showing the usage of GitHub Pages to list public repos, to coincide with my tuts+ tutorial

contrast-details

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

css-buttons

💡 Literally CSS buttons

plain

⚓️ Plain: An Anchor CMS theme by Chris Veto

flynn

📈 Flynn is a CSS grid I use for personal projects

random-source

A Web Component to randomly change audio or video sources

gatsby-starter-ghost-blog

Gatsby starter for creating a Ghost powered blog

anchorthemes.com

⚓️ Source repo for Anchor Themes and Anchor Showcase

awetheme

⚓️ Awetheme: An Anchor CMS theme by @CosminNegoita

garth-kit

🥁📦 Starter kit for Garth, hosted on GitHub Pages, Netlify or anywhere you like

mic-drop

✋🎤 Dropping the mic on Netlify Drop

greaves

⚓️ Greaves: An Anchor CMS theme by Russell Jones

prototype

⚓️ Prototype: An Anchor CMS theme by @CosminNegoita

sando

⚓️ Sando: An Anchor CMS theme by @CosminNegoita

alembic-stackbit-kit

⚗️🚀 Starter kit for Alembic on Stackbit

cleat

⚓️ A light and pure theme thats simple at heart

garth-stackbit-kit

🥁🚀 Starter kit for Garth on Stackbit

svg-sprite-demo

⚙ A demo showing the usage of SVG sprites, to coincide with my tuts+ tutorial

alembic-forestry-kit

⚗️🌲 Starter kit for Alembic with Forestry

dropinblog-beanthere-site

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