Dave 🧱 :cursor_pointer:

Developer Advocate at zeroheight.
Previously: Nordhealth, Ghost, Stackbit.
Clients: Google, Buffer and Netlify.
[he/him]

Website: https://darn.es
GitHub: https://github.com/daviddarnes
CodePen: https://codepen.io/DavidDarnes
Twitter: https://twitter.com/daviddarnes

Public Key

npub1w9tamta6569jgxclmwgpcy3tpdxkkgcad8nhg998kle4n60e3dzsfpa2ap

NIP-05 Address

daviddarnes_at_mastodon.design@momostr.pink

Profile Code

nprofile1qqs8z47a47a2dzeyrv0ahyquzg4sknttyvwknem5zjnm0u6ea8uck3gz3u8aa

Author Public Key

npub1w9tamta6569jgxclmwgpcy3tpdxkkgcad8nhg998kle4n60e3dzsfpa2ap

Show more details

Last Notes

2024-09-12 16:27:16

Whoa, this *is* big news. At first I was a bit worried, but from the sounds of it there's good intentions here. Plus this is a way for 11ty to remain fully supported while being open source.
Also can't help but think @npub1f8f…ed9x sitting alongside projects fully invested in #WebComponents can only be a good thing
https://www.11ty.dev/blog/eleventy-font-awesome/

2024-09-09 11:33:15

Finally got these back up on the wall 🛹
https://cdn.masto.host/mastodondesign/media_attachments/files/113/107/375/952/847/113/original/ed5fafc97b86a290.jpeg

2024-09-02 08:08:57

“Double shot of Calpol in my latte please”

2024-08-31 17:23:39

- reply

*checks if I’m following Eric*

2024-08-31 17:07:07

Seeing more and more Bluesky talk. So let’s give it another whirl
https://bsky.app/profile/darn.es

2024-08-27 11:26:00

📣 Announcing the 2024 Design System Report Survey by @zeroheight!
For the last three years, we've been asking the same question: “What's the current state of #DesignSystems?” And just like a regrettable backflip at Krispy Kreme, we're back at it again.
What's different this time is that we want to hear from more #Developers and learn more about how you build for and with design systems. Start here:
https://zeroheight.com/blog/announcing-the-2024-design-system-report-survey-your-voice-our-community/

2024-08-21 11:30:14

Freelancing is still the most impactful job I’ve had in my career. I’ve had some great full time jobs, but there is clear difference between before freelancing and after. Very grateful for having the privilege to do it without huge risks

2024-08-20 13:45:02

https://cdn.masto.host/mastodondesign/media_attachments/files/112/994/647/946/101/952/original/4b513adf351544c0.png

2024-08-17 11:02:52

Gonna tell future devs this was the Event Bus
https://cdn.masto.host/mastodondesign/media_attachments/files/112/977/023/350/912/744/original/300dc95539bb2c39.jpeg

2024-08-15 12:33:04

Those subtle details 😌
https://cdn.masto.host/mastodondesign/media_attachments/files/112/966/053/420/885/687/original/d8f59a41e43a5fc3.jpeg

2024-08-12 13:35:34

Forgive me for a moment while I go on a small rant about the importance of supporting #OpenSource, especially when it comes to #DesignSystems (feat. @npub1f8f…ed9x):
https://designsystems.wtf/the-unsung-design-system-strut/

2024-08-08 10:51:06

Shared my thoughts on an article @npub1yk7…glnj wrote about #DesignSystems Burnout, as well as some resources if you've been impacted by the tech #layoffs.
Credit to @npub15u5…n9wu and @npub1e57…kn9k who shared those resources.
https://designsystems.wtf/design-systems-is-the-good-fight/

2024-08-02 10:44:21

Isomorphic JavaScript application powered by Next.js running on an edge deployment platform
vs
HTML on an FTP server
https://cdn.masto.host/mastodondesign/media_attachments/files/112/892/015/611/395/965/original/05a3248141f81c70.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/112/892/015/885/102/002/original/6b320f4762a3475e.jpeg

2024-07-31 11:30:32

📣 Awesome Standalones is (re)open for business on GitHub!
Looking for a place to find and share awesome standalone #WebComponents? Then this might be of interest to you.
Big thanks to @npub12kp…xvml for letting me get more involved with the project. I've done a little write up on my blog about it all:
https://darn.es/awesome-standalones/

2024-07-29 23:01:19

There’s a GitHub user that keeps posting issues on each of my #WebComponents to complain that they don’t work until the HTML has been parsed… that’s the point?
They would prefer to rely on a setTimeout() than type=“module” 😬

2024-07-21 08:27:51

Extremely late to the emulation game (pun not intended). Just downloaded PPSSPP for iOS and I’m surprised how smoothly games run.
Anyone else reliving their PSP days too? So many underrated gems 😍
https://www.ppsspp.org/

2024-06-21 10:27:29

Inline code comments
https://cdn.masto.host/mastodondesign/media_attachments/files/112/654/132/542/417/105/original/17f0e8abe0881d04.png

2024-06-20 08:44:54

Presenting perfect code in a talk knowing full well the coding crimes you've done
https://cdn.masto.host/mastodondesign/media_attachments/files/112/648/066/855/835/532/original/c8ecbcc9f9da927c.jpeg

2024-06-19 11:35:22

The Case for #WebComponents:
https://darn.es/the-case-for-web-components/

2024-06-18 10:24:28

New Web Component: <code-pen>!
Add an “Open in CodePen" button to your code blocks to allow people to open, edit and save your code to @npub1sf7…gl68 ✨
Code and write up:
✍🏻 https://darn.es/code-pen-web-component/
📦 https://www.npmjs.com/package/@daviddarnes/code-pen
📑 https://github.com/daviddarnes/code-pen
#WebComponents

2024-06-14 07:45:46

Templating is so underrated. Everyone throwing JS around and I’m here using my curly bois {{ }}

2024-06-10 10:42:40

Remember when everyone use to make, or even code, the whole device bezel to frame their website or app? Well Apple just has them all in their design resources as PNGs:
https://developer.apple.com/design/resources/#product-bezels

2024-06-07 13:47:29

Do #WebComponents work?
Ask Adobe, Amazon, Apple, AXA, Blizzard, Dell, EA, Ford Motors, General Electric, General Motors, GitHub, GitLab, Google, IBM, ING, Microsoft, NASA, Netlify, Reddit, Red Hat, Salesforce, Siemens, Stripe, Telekom, Ubisoft, Visa, Volkwagen, Vonage, YouTube…

2024-06-07 08:38:34

State of the Browser hosted by @npub1nkt…dfpq in September is shaping up really nicely. The speakers and their talks sound super interesting.
Also, I'll be speaking there about how and why I've been building my open source #WebComponents:
https://2024.stateofthebrowser.com

2024-06-06 19:48:18

Lovely set of standalone #WebComponents put together by @npub1t0w…zgs2 https://frontendmasters.com/blog/live-demos-of-stand-alone-web-components/

2024-06-06 09:47:02

😅
https://cdn.masto.host/mastodondesign/media_attachments/files/112/569/038/824/787/532/original/1338ab9b3cd16542.jpeg

2024-06-05 10:47:22

- reply

I also have a more technical article showing how the <contrast-details> Web Component works on my own blog:
https://darn.es/contrast-details-web-component/
#WebComponents

2024-06-05 10:45:19

New Web Component! <contrast-details>
A Web Component for revealing the contrast ratio and level of two colours set using CSS Custom Properties.
Here's the origin story: https://zeroheight.com/blog/color-contrast-with-web-components/
#WebComponents

2024-06-05 07:43:46

hi, I'm back from a 24h migraine
https://cdn.masto.host/mastodondesign/media_attachments/files/112/562/891/785/365/039/original/887cbc0adcf04118.jpeg

2024-05-30 11:33:27

“What do you do on the computer all day?”
https://cdn.masto.host/mastodondesign/media_attachments/files/112/529/821/101/355/193/original/9636fe7dee6dc7df.mp4

2024-05-22 10:43:38

New Web Component! <live-filter>
A Web Component for filtering items using a text input. Made this for a friend a while back and thought I should wrap it up into a neat package to go alongside my other #WebComponents.
I'll get a write up done soon but for now here's the GitHub repo and npm package:
📂 https://github.com/daviddarnes/live-filter
📦 https://www.npmjs.com/package/@daviddarnes/live-filter

2024-05-21 14:17:46

80 GitHub stars on my #WebComponents starter template 😳
https://github.com/daviddarnes/component-template

2024-05-18 15:31:51

- reply

Even if you like AI wouldn’t you rather influence a data source that may direct people to your web properties over just helping a single service with their endeavours?

2024-05-18 14:48:14

I would seriously be considering Discourse for your community over Slack right now

2024-05-17 08:39:58

#RSS reader snapshot:
https://darn.es/rss-reader-snapshot/

2024-05-16 09:53:28

#WebComponents question: Who are you reading, watching or listening to when you want to know more about Web Components?

2024-05-15 09:55:34

https://cdn.masto.host/mastodondesign/media_attachments/files/112/444/501/553/678/442/original/0eb8c2daeaa2349f.jpeg

2024-05-10 23:50:14

Captured this while dining on some delicious steamed hams 🍔
https://cdn.masto.host/mastodondesign/media_attachments/files/112/419/472/058/432/428/original/808e5b742b2d9d62.jpeg

2024-05-09 17:33:55

Watching @npub1sg6…ptwz’s talk at #11tyconf the way god intended 💺
https://cdn.masto.host/mastodondesign/media_attachments/files/112/412/330/005/875/739/original/654a48a39cafc030.jpeg

2024-05-09 12:51:00

Thanks to @npub1f77…twck for the indoor leaf blower recommendation
(https://shoptalkshow.com/611/#t=23:04)
https://cdn.masto.host/mastodondesign/media_attachments/files/112/411/216/279/178/123/original/5b81268c2b323110.mp4

2024-05-08 19:31:16

If you listen carefully you can hear the faint sound of yet another example todo app being made

2024-05-04 09:11:24

omg you’ll never guess what todays date sounds like

2024-05-01 20:35:06

“DOM stands for DOMinic Toretto”

2024-04-30 21:39:58

Mastodon, my RSS reader, and my email inbox are the only feeds that have not been poisoned by algorithms. Can’t even open an app notification feed without being suggested vaguely relevant stuff

2024-04-27 15:51:26

The parents may think they’re getting free hardware IT support but actually they’re paying me in spare ethernet cables 😈
https://cdn.masto.host/mastodondesign/media_attachments/files/112/344/013/767/916/862/original/43dde355b058c667.jpeg
https://cdn.masto.host/mastodondesign/media_attachments/files/112/344/014/379/904/466/original/d514f365e1f4e2ff.jpeg

2024-04-24 08:45:44

Regretfully decided to peer into Twitter and stumbled into a shitpost claiming that you can’t be a real developer if you have to use a framework to use JavaScript.
So people more or less know my view on JS frameworks, I’d prefer not to use them if possible. However there is *no way* I'm going to be going round gatekeeping the whole ass industry just because you used a lib you're comfortable with.
Get off your high horse and be more welcoming, not exclusionary

2024-04-22 11:18:36

Kinda wish every UK plug was Apple's satisfying collapsing plug
https://cdn.masto.host/mastodondesign/media_attachments/files/112/314/594/909/885/508/original/e2b061d352311d08.mp4

2024-04-15 13:51:21

What’s worrying is that all of it sounds like a joke, but it’s all real 🫠
https://youtube.com/watch?v=aWfYxg-Ypm4

2024-04-15 13:36:02

Newly added to my #WebComponents collection: <link-peek>!
Turn any regular anchor link into a rich preview (also known as an ‘unfurled’ link). Can be used with any JSON API and allows for custom templating.
Prefect for creating more visual interest on links without filling the page with additional HTML noise:
✍🏻 https://darn.es/link-peek-web-component/
📦 https://www.npmjs.com/package/@daviddarnes/link-peek

2024-04-13 10:18:18

“Gluey”
https://cdn.masto.host/mastodondesign/media_attachments/files/112/263/396/995/529/246/original/942f3d6c482144b6.jpeg