https://darn.es/
David Darnes - Designer, Front-end Developer & Writer specialising in Design Systems, Eleventy,...
designer front enddeveloper writerdaviddarnesspecialising
https://darn.es/design-systems-webring/
Design Systems Webring - David Darnes
This site is part of the Design Systems Webring
design systemswebringdaviddarnes
https://darn.es/heading-anchors-web-component/
heading-anchors Web Component - David Darnes
A Web Component to generate anchor links for headings.
web componentheadinganchorsdaviddarnes
https://darn.es/multi-language-select/
Page translations and multi-language selects - David Darnes
Multi-language sites are straight up hard to do. You would think there’s standard HTML spec stuff to handle this kinda stuff? Well there is!
multi languagetranslationsselectsdaviddarnes
https://ghost.org/experts/david-darnes/
David Darnes
daviddarnes
https://darn.es/zeroheight-developer-early-access/
For the Design System Developers out there - David Darnes
Are you looking for early access to developer features coming to zeroheight? Sign up here
design systemdevelopersdaviddarnes
https://darn.es/find-thread-users-from-mastodon/
A crude way to find and follow Thread users from Mastodon - David Darnes
There are a handful of people I'm interested in on Threads that I want to follow from my Mastodon account, so to zero in on this awkward intersect I've used...
crudewayfindfollowthread
https://darn.es/dropping-the-mic-on-netlify/
Dropping the mic on Netlify in 20 minutes - David Darnes
Alright, so I didn’t actually drop the mic on Netlify; I dropped a site on it. Netlify Drop is a tool where you can grab a folder containing a site or app or...
droppingmicnetlifyminutesdavid
https://darn.es/could-github-make-a-cms/
Could GitHub make a CMS? - David Darnes
Following on from my previous article, I wanted to explore the idea of GitHub making a CMS. What would it be? How would it work? Why would they even do it? To...
couldgithubmakecmsdavid
https://darn.es/post-previews-with-ghost-eleventy-netlify/
Post previews with Ghost, Eleventy & Netlify - David Darnes
A while back, I updated my Eleventy plugin for Ghost so you get more data from your Ghost instance, including the ability to retrieve draft posts. Here's how I...
eleventy netlifypostpreviewsghostdavid
https://darn.es/what-do-we-look-for-in-a-cms/
What do we look for in a CMS? - David Darnes
I posed this question in several forms on Twitter to get feedback from the community. After some consideration, polls and great discussion, I came up with a...
lookcmsdaviddarnes
https://darnes.cz/
DARNES portál o životě, cestování, technice a dalších zákoutích našeho světa
DARNES portál o životě, cestování, technice a dalších zákoutích našeho světa.
darnestechnice
https://darn.es/tracking-time/
Tracking time - David Darnes
Not long ago I asked my Twitter followers what they suggest for a single person to track their time with. I was worried it might open up a can of worms, but I...
trackingtimedaviddarnes
https://darn.es/css-in-my-html/
I put CSS in my HTML and nothing exploded - David Darnes
When I first felt comfortable with front-end web development, I thought inline CSS was a filthy thing to do; something that could only be done in haste or from...
putcsshtmlnothingexploded
https://darn.es/bluesky-replies-web-component/
bluesky-replies Web Component - David Darnes
The bluesky-post Web Component allows you to turn a regular link to a Bluesky post into an embeddable list of replies to that post, including metadata such as...
web componentblueskyrepliesdaviddarnes
https://podcast.smashingmagazine.com/episodes/what-is-eleventy-with-david-darnes
Smashing Podcast | What is Eleventy? with David Darnes
We’re talking about Eleventy. What is it and how does it fit into your Jamstack workflow? Drew McLellan talks to Renaissance man David Darnes to find out.
smashingpodcasteleventydaviddarnes
https://diare.darnes.cz/
Diáře DARNES - vytvořte si vlastní náplň do diáře online
Diáře DARNES - vytvořte si vlastní náplň do diáře online. Využíjte náš online software pro tvorbu náplně do diáře, dle Vaší fantazie. Vytvořte, stáhněte,...
darnessionline
https://darn.es/garth/
Garth theme for Jekyll - David Darnes
Garth has been available on RubyGems.org since June 2016 and has been downloaded over 20,000 times. It has continued to be one of the most popular independent...
garththemejekylldaviddarnes
https://darn.es/date-pickers-are-hard/
Date pickers are hard, whodathunk it - David Darnes
Due to the new job I've given myself permission to consume even more design systems related content. In doing so I listened to a recent Syntax FM episode...
datepickersharddaviddarnes
https://darn.es/use-eleventy-to-generate-a-ghost-blog/
Use Eleventy to generate a Ghost blog - David Darnes
Last night I had a thought: What if I could source a Ghost blog from the Ghost Content API and then generate a static blog all inside of Eleventy?
blog daviduseeleventygenerateghost
https://darn.es/just-get-it-done/
Just get it done - David Darnes
The scenario is that you've set yourself the task of creating an app, plugin, blog, android or (in my case) personal portfolio website. And thats great,...
getdonedaviddarnes
https://darn.es/web-component-github-starter-template/
Web Component GitHub starter template - David Darnes
I made an open source GitHub template to help me spin up new Web Components, and I thought you might find it useful as well.
web componentgithubstartertemplatedavid
https://darn.es/my-worst-job-interview/
My worst job interview - David Darnes
My worst job interview didn’t get me very far; not even into their office. It was just a phone call. It was a brief and kind of upsetting moment in my early...
job interviewworstdaviddarnes
https://darn.es/the-case-for-web-components/
The Case for Web Components - David Darnes
A free downloadable whitepaper containing explanations, experience, resources, articles, and expert recommendations that’ll equip you with the skills to create...
web componentscasedaviddarnes
https://darn.es/bluesky-post-web-component/
bluesky-post Web Component - David Darnes
The bluesky-post Web Component allows you to turn a regular link to a Bluesky post into an embeddable post quote including metadata such as reply count, repost...
web componentblueskypostdaviddarnes
https://darn.es/sample-input-web-component/
sample-input Web Component - David Darnes
It's great that can upload audio and video files with the input element, but browsers don't make it very easy for the user to preview that file. The...
web componentsampleinputdaviddarnes
https://darn.es/adding-siteleaf-to-a-github-pages-site/
Adding Siteleaf to a GitHub Pages site - David Darnes
I’ve been using Siteleaf a lot recently, for both my day job and personal projects. In light of this, I decided to create a screencast of myself going through...
github pagesaddingsitedaviddarnes
https://darn.es/what-i-did-in-2023/
What I did in 2023 - David Darnes
daviddarnes
https://darn.es/a-desk-of-stickers/
A Desk of Stickers - David Darnes
This desk has followed me for almost my whole 15-year career, and I didn't even pay for it. Please allow me to digress for a moment about a battered IKEA...
deskstickersdaviddarnes
https://darn.es/using-display-p3-colour/
Using Display-P3 colour - David Darnes
I wanted really bright colours on my site, but in order to do that I needed to delve into a rabbit hole of using Display-P3 colour in CSS. Here's how I did it.
usingdisplaycolourdaviddarnes
https://darn.es/web-dev-conference-2012/
Web Dev Conference 2012: Look back - David Darnes
web devlook backconferencedaviddarnes
https://darn.es/duration-property-web-component/
duration-property Web Component - David Darnes
A Web Component to surface the duration of an audio or video as a CSS Custom Property
property webdurationcomponentdaviddarnes
https://darn.es/storage-form-web-component/
storage-form Web Component - David Darnes
storage-form is a Web Component to allow regular form elements to interact with the browsers local storage. This can be really useful when building websites or...
web componentstorageformdaviddarnes
https://darn.es/jekyll-conf-lightning-talk/
Jekyll Conf lightning talk - David Darnes
Recently I was asked by CloudCannon to record a lightning talk for Jekyll Conf. It was a great opportunity to contribute to the Jekyll community. You can watch...
lightning talkjekyllconfdaviddarnes
https://11tybundle.dev/authors/david-darnes/
David Darnes
Posts in the 11ty Bundle by: David Darnes
daviddarnes
https://darn.es/use-ghost-with-jekyll/
How to use Ghost with Jekyll - David Darnes
Someone made an interesting query recently that I couldn’t help but take on as a challenge: Is there any way to use Ghost with Jekyll?
useghostjekylldaviddarnes
https://darn.es/blogroll/
Blogroll - David Darnes
A list of blogs I follow in my RSS reader
blogrolldaviddarnes
https://darn.es/random-source-web-component/
random-source Web Component - David Darnes
The random-source Web Component allows you to cycle randomly through different audio or video sources, utilising existing HTML elements and providing an...
source webrandomcomponentdaviddarnes
https://darn.es/building-a-netlify-build-plugin/
Building a Netlify Build Plugin - David Darnes
Netlify Build Plugins let you tap into the different phases in the build process that happen on Netlify. After being invited to the beta I spent some time...
buildingnetlifyplugindaviddarnes
https://darn.es/switching-to-netlify-dns/
Switching to Netlify DNS - David Darnes
If you’re onboard with Netlify then maybe you should switch your custom domains to their platform as well. In this tutorial I’ll show you how to move your...
switchingnetlifydnsdaviddarnes
https://darn.es/my-screencasting-setup/
My screencasting setup - David Darnes
A while ago I created a screencast series called ‘Baking Bread.li’, this was in preparation for a course for Tuts+ called ‘Building Websites with BaseKit’. In...
setupdaviddarnes
https://darn.es/contrast-details-web-component/
contrast-details Web Component - David Darnes
Use the contrast-details Web Component to present colour contrast information of two colours.
web componentcontrastdetailsdaviddarnes
https://darn.es/is-playing-web-component/
is-playing Web Component - David Darnes
is-playing is a Web Component that checks if an audio or video element is playing content and applies a playing attribute to itself and the element that is...
web componentplayingdaviddarnes
https://darn.es/github-pages-custom-domains/
GitHub Pages & custom domains - David Darnes
I love GitHub Pages. So much so that I’ve created several websites using it. This site runs on it, and a few others. What I don’t love is setting up domain...
github pagescustom domainsdaviddarnes