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

[email protected]

Profile Code

nprofile1qqs8z47a47a2dzeyrv0ahyquzg4sknttyvwknem5zjnm0u6ea8uck3gpz3mhxue69uhhyetvv9ujuerpd46hxtnfduqs6amnwvaz7tmwdaejumr0dspg9y5m

Publishing to

relay.damus.io

nos.lol

Author Public Key

npub1w9tamta6569jgxclmwgpcy3tpdxkkgcad8nhg998kle4n60e3dzsfpa2ap

Show more details

Last Notes

2024-07-21 10: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-24 21:25:14

- reply

is this tailwind 💁🏼‍♂️🦋

2024-06-21 12: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 10: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 13:35:22

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

2024-06-18 12: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 09:45:46

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

2024-06-10 12: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 15: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 10: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 21: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 11:47:02

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

2024-06-05 12: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 12: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 09: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 13: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 12: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 16:17:46

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

2024-05-18 17: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 16:48:14

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

2024-05-17 10:39:58

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

2024-05-16 11:53:28

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

2024-05-15 11:55:34

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

2024-05-11 01: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 19: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 14: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 21:31:16

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

2024-05-04 11:11:24

omg you’ll never guess what todays date sounds like

2024-05-01 22:35:06

“DOM stands for DOMinic Toretto”

2024-04-30 23: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 17: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 10: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 13: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 15: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 15: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 12:18:18

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