Profile banner
Profile picture

David Darnes

@darn.es

Senior Engineer working on Polaris at Shopify Previously: @zeroheight.com, Nord Design System, @ghost.org. Clients: Google, @buffer.com and @netlify.com. [he/him] https://darn.es https://designsystems.wtf #DesignSystems, #WebComponents & #Frontend

created May 1, 2023

8,348 followers 375 following 2,609 posts

view profile on Bluesky

Posts

Profile picture David Darnes (@darn.es) reply parent

šŸ”„šŸ”„šŸ”„

2/9/2025, 11:27:10 PM | 0 0 | View on Bluesky | view

Profile picture Jake Lazaroff (@jakelazaroff.com) reposted

modern HTML is so good

2/9/2025, 10:26:40 PM | 24 4 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

This feature(s) is not nearly talked about enough. If you’re building fresh UI right now you should be considering this in your component APIs

2/9/2025, 10:29:40 PM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

For real though there should be a ShopTalkShowShop

2/9/2025, 2:24:59 PM | 5 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

I don’t think people understand, there is no ā€œonly put some of the spicy sachet inā€. There is only ā€œthe whole sachet and sufferā€ 🄹

2/9/2025, 12:17:59 PM | 6 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Your living room is wall to wall royal collectibles

2/9/2025, 9:48:38 AM | 2 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

āš°ļø

2/9/2025, 9:45:20 AM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

2/9/2025, 9:44:32 AM | 18 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

šŸŽÆ

2/9/2025, 9:42:48 AM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

True friendship is being able to see straight through their most challenging of ironic shitposts

2/9/2025, 9:41:15 AM | 8 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

At this time of year? At this time of day?? In this part of the country???

1/9/2025, 5:13:16 PM | 9 1 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Nuclear launch codes are ā€œpull my fingerā€, all lowercase

1/9/2025, 2:10:11 PM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

Reach out, touch grass Your own personal Fescue Something like japonica zoysia Something like zoysia Your own personal Fescue…

1/9/2025, 10:45:43 AM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

It’s nice to provide both routes, dropping the script tag in and away you go or fancy importing

1/9/2025, 9:43:28 AM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Only drawback to this, at least with my web components, is that there’s nothing to really import. My component scripts are self initiating. I have considered employing @zachleat.com’s approach to allowing both use cases:

1/9/2025, 9:11:54 AM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

I guess what you could do is create a json file that is your import map, consume it with eleventy to pass through the files and then insert it into a script tag as your import map šŸ¤”

31/8/2025, 6:40:09 PM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

What would smarter look like?

31/8/2025, 5:47:12 PM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

You’ll want to look at the @11ty.dev file passthrough API www.11ty.dev/docs/copy/ This is how I bring my node_module files through to my build. Not the most elegant, but the path of least resistance

31/8/2025, 5:43:09 PM | 2 1 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

🤣

31/8/2025, 9:17:48 AM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

Plot twist: These are for 2027

30/8/2025, 11:24:09 AM | 2 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

This is how the profile for my Ghost blog comes up @index.designsystems.wtf.ap.brid.gy

29/8/2025, 9:33:14 PM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Correct! But it’s via bridgy, which I’m unsure if it supports custom domains

29/8/2025, 9:08:06 PM | 2 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Me trying to read that text

29/8/2025, 8:22:42 PM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Check out Daft Punk's new single "Get Lucky" if you get the chance. Sound of the summer.

29/8/2025, 12:45:34 PM | 4 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

For my unique perspective

29/8/2025, 12:38:37 PM | 1 0 | View on Bluesky | view

Profile picture Anil Dash (@anildash.com) reposted

It’s actually great that the AI hallucination makes the priest far less of a threat to a child than the real ones are.

29/8/2025, 7:44:08 AM | 188 15 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

That’s not performance issues, that’s the website ā€œseasoningā€

28/8/2025, 10:26:07 PM | 17 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

THIS

28/8/2025, 4:25:14 PM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

Hearing that monotone AI generated voiceover on your short form content

Mourinho removing his headphones in disgust
28/8/2025, 4:22:38 PM | 24 4 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

Widget? Dang, if only there was some sort of web based technology… a web component if you will to drop onto any web page šŸ¤”šŸ¤”šŸ¤”

28/8/2025, 4:07:50 PM | 17 0 | View on Bluesky | view

Profile picture Katie Langerman (@katielangerman.bsky.social) reposted

If you've got an interface design question for me or Anthony Hobday, we'll answer it on this week's Complementary episode. Leave a comment or send a DM!

28/8/2025, 2:46:00 PM | 4 1 | View on Bluesky | view

Profile picture Tasha Monroe (@simplyedynandco.com) reposted

I feel for her. American history is layer upon layer of erasure. It’s one of the largest historical cover-ups on record. A monstrously cruel and deeply uncivilized throughline runs through our national story. That’s why those in power and their allies fight so damn hard to erase it.

28/8/2025, 1:49:42 PM | 155 76 | View on Bluesky | view

Profile picture John (@johngoodman.bsky.social) reposted

realistic Star Trek

A comic on the bridge from Star Trek the Next Generation. Picard: COMMANDER DATA, PLEASE IDENTIFY THAT ROMULAN VESSEL. Data: THAT'S A GREAT IDEA CAPTAIN! IDENTIFYING A VESSEL IS A GREAT PLACE TO START - IN ANY TACTICAL OR STRATEGIC OUTER SPACE SITUATION. THIS VESSEL APPEARS TO BE A 23rd CENTURY KLINGON BIRD OF PREY! šŸš€šŸ¦…āœØ Picard: ARE YOU SURE? LIKE I SAID WE'RE... PRETTY SURE IT'S ROMULAN. Data: ... Data: OF COURSE! SO SORRY ABOUT THAT, YOU'RE RIGHT! ON CLOSER EXAMINATION IT'S A ROMULAN VESSEL! CAN I RECOMMEND SOME SOONGā„¢ BRAND PRODUCTS THAT CAN HELP YOU WITH THAT? Picard cradles his face in his hand in a gesture of frustration. Data: DID I MENTION THE PLIGHT OF OPRESSED WHITES IN SOUTH AFRICA?
26/8/2025, 5:23:27 PM | 6457 2504 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Big dad energy

28/8/2025, 11:17:53 AM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

Tom Clancy’s Definitive Guide to CSS

28/8/2025, 11:15:40 AM | 28 1 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Oh NO

27/8/2025, 1:19:02 PM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

They’re not even trying anymore

Group text message that’s clearly spam with a message that just says ā€œSpamā€
27/8/2025, 12:00:38 PM | 22 2 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reposted

It needed it

14/7/2025, 11:53:20 AM | 4 1 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Kim & Aggie’s How Clean Is Your House?

27/8/2025, 8:42:08 AM | 4 0 | View on Bluesky | view

Profile picture Vale (@vale.rocks) reposted reply parent

A personal favourite of mine:

27/8/2025, 8:11:46 AM | 2 1 | View on Bluesky | view

Profile picture Erika Hall (@erikahall.bsky.social) reposted

I'll tap the sign again.

A wikimedia commons color illustration of an angler fish with the lure labeled UX and the rest, particularly the toothy bitey part, labeled business model.
26/8/2025, 8:50:57 PM | 136 48 | View on Bluesky | view

Profile picture henry ✷ (@strange.website) reposted

actually. in this essay i won’t.

26/8/2025, 4:11:16 PM | 69 23 | View on Bluesky | view

Profile picture Kat MarchƔn (@zkat.tech) reposted reply parent

For view transitions when doing regular MPA navigation: codeberg.org/conjured/sil... For view transitions when doing SPA-style subnavigation (I only use it in specific scenarios: codeberg.org/conjured/sil... Literally that's _all_ the code you need.

26/8/2025, 5:07:02 PM | 4 1 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Wow so simple! Also, the method name, I see what you did there

26/8/2025, 5:12:04 PM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

This is awesome! Would love to see the code 😊

26/8/2025, 4:55:48 PM | 1 0 | View on Bluesky | view

Profile picture Mat ā€œWiltoā€ Marquis (@wil.to) reposted

Alright, this is it. Today is the your last chance to snag a spot in the course at the lowest possible price. Head on over to piccalil.li/javascript-f... to lock it in, and I'll see you in the Discord. Also, this reminder comes with a little formal announcement: wil.to/newsletters/...

26/8/2025, 2:43:31 PM | 6 5 | View on Bluesky | view

Profile picture Dave Rupert (@davatron5000.bsky.social) reposted

Go give $10 to Mike's Extra Life stream. Do it. Dooooo it.

26/8/2025, 2:18:35 PM | 1 1 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Would the headphones still look right if they’re shaped like the TfL logo? Could be a clever reference

26/8/2025, 2:18:51 PM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Oh yea! What a cast

Selectable characters in Movie Maker
26/8/2025, 2:06:56 PM | 3 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

Family desktop from Tiny Computers (defunct as of 2005). This isn't it, but the most accurate I could find online. My sister loved playing Doom on it… with all the cheat codes on. Except when the game would crash on the start screen but kept the music playing, as if the computer was possessed šŸ˜‚

26/8/2025, 1:55:17 PM | 6 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

How you catch me pushing to main

26/8/2025, 11:51:10 AM | 20 3 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Cig and coffee in one hand, pushing to main on the other

26/8/2025, 11:37:47 AM | 11 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Liquorice

25/8/2025, 11:23:16 PM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

YouTube just served me a propaganda ad āš°ļø

25/8/2025, 11:01:10 PM | 5 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

If you can receive a Goodie Bag it stands to reason you can receive a Baddie Bag

25/8/2025, 10:19:32 PM | 60 7 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Zoomed in James Hoffmann disappointed
25/8/2025, 11:20:22 AM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

This @jameshoffmann.bsky.social graph is practically begging to be meme’d

An X/Y graph, Y is ā€œdelightā€ and ā€œdays oldā€ is X. The markers are James’ face going from happy to very sad
25/8/2025, 10:53:06 AM | 8 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

ā€œIf my grandmother had wheels she'd have been a bikeā€

24/8/2025, 11:42:51 AM | 28 3 | View on Bluesky | view

Profile picture Wario64 (@wario64.bsky.social) reposted

LEGO SEGA Genesis Controller GWP leaked (Sept 8 with purchases of 130 € or more on LEGO Store) www.instagram.com/p/DNr7Al8UAc9/

image
23/8/2025, 5:35:35 PM | 158 26 | View on Bluesky | view

Profile picture ā­‘ salma (@whitep4nth3r.com) reposted reply parent

that’s Ā£200 for a family of four david

23/8/2025, 11:53:16 AM | 4 1 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Holy shit, core memory unlocked

23/8/2025, 10:47:24 AM | 2 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

šŸ‘šŸ»šŸ‘šŸ»šŸ‘šŸ»

23/8/2025, 10:23:13 AM | 2 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

My airport pano went wrong in the best possible way

What appears to be a very stubby plane
23/8/2025, 10:16:19 AM | 45 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Oh wow! Yea they we’re ace, wish I’d kept it all together, not sure if I have all the parts now

23/8/2025, 1:48:30 AM | 0 0 | View on Bluesky | view

Profile picture Clarity (@clarityconf.com) reposted

šŸ’Ž Super Early Bird tickets for the Camp Clarity retreat went live earlier today! Some folks even already bought some before we had the chance to announce! Thank you! More information will be released soon! www.clarityconf.com

Super Early Bird Tickets Now Available. 10th Annual Clarity: A Design Systems Retreat. December 2nd-4th, 2025. clarityconf.com
23/8/2025, 12:53:44 AM | 7 5 | View on Bluesky | view

Profile picture Cory LaViska (@cory.laviska.com) reposted

If you want `:host(:has(…))` to work in Chrome, please star this bug šŸ™ issues.chromium.org/issues/40062...

21/8/2025, 6:38:27 PM | 24 9 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

ā€œNothing beats a Jet2 holiday and right now you can save Ā£50 per personā€

23/8/2025, 1:00:50 AM | 75 16 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

Shame Toronto doesn’t have a Lego Architecture set, this will have to do

Small Lego Millennium Falcon
23/8/2025, 12:51:08 AM | 4 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Just ā€œWhat the hex?ā€, it’s cleaner

20/8/2025, 11:25:23 AM | 4 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Absolute legend Katie, as per 🫔

20/8/2025, 10:57:26 AM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Now this is knowing your priorities 🫔

20/8/2025, 10:56:25 AM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

When I arrive in the hotel and there’s no teabags

20/8/2025, 3:21:41 AM | 9 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Trump voice: I’ve been to many, many many, places

20/8/2025, 12:19:47 AM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Virgin Atlantic this time, but due to mothership location it’s normally Air Canada

20/8/2025, 12:18:52 AM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

News outlets platforming the wrong minoritised groups AGAIN? I am shocked

19/8/2025, 4:30:18 PM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Thank you! I need to do some more research, been flying more than I expected with this new gig

19/8/2025, 4:25:32 PM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

So what, no spaghetti bolognaise?

19/8/2025, 3:29:17 PM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

Made a fool of myself by walking up to an airport lounge and enquiring ā€œhow do I get in?ā€. I think I need an expert on this, cc @seaotta.dev

19/8/2025, 3:26:47 PM | 4 0 | View on Bluesky | view

Profile picture PavelšŸ€ (@spavel.bsky.social) reposted

To paraphrase an Italian saying, you can make up a missed day of work, but you can't make up a missed day of life

19/8/2025, 1:16:27 PM | 81 15 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

It was a full spread I recall?

19/8/2025, 2:47:24 PM | 2 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

This is now canonical

19/8/2025, 2:44:05 PM | 1 0 | View on Bluesky | view

Profile picture Ariel Salminen (@arielsalminen.com) reposted

David Divnes

19/8/2025, 2:43:31 PM | 4 1 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

nut magazine

19/8/2025, 2:40:49 PM | 7 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Concerned on the types of things my brain stores in long term memory

19/8/2025, 2:29:23 PM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

Huh, a possible rare win for the US

19/8/2025, 2:28:56 PM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Reminds me of

Twitter employee sleeping on the office floor
19/8/2025, 2:23:55 PM | 2 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

Mood

19/8/2025, 1:52:43 PM | 3 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

Tends to be 3rd party adaptors

19/8/2025, 12:26:27 PM | 0 0 | View on Bluesky | view

Profile picture Sia Karamalegos (@sia.codes) reposted

Need help with web performance optimization? Have a tricky new build you're working on? I have two projects wrapping up and am available for new ones starting next week. sia.codes/services/

18/8/2025, 12:14:42 PM | 13 7 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

This CEO depiction is timeless

19/8/2025, 11:47:17 AM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

Watched the BlackBerry movie and now I need a documentary of what actually happened and all the tech they were busting out

19/8/2025, 11:43:16 AM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

A browser extension that turns any floating action button into one of these

3 of the most common floating enemies from Doom
19/8/2025, 11:18:25 AM | 32 2 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

TIL there’s a specific bug when charging an iPhone 13 (any model) via a cable while a MagSafe case is on, the result is an intermittent touch screen

19/8/2025, 11:09:20 AM | 1 0 | View on Bluesky | view

Profile picture Ariel Salminen (@arielsalminen.com) reposted

Stoked to share that I recently started working with Kesko Group (www.kesko.fi/en/company/k...) to help them establish a more robust design system infrastructure. Currently, I’m conducting background research, but as we move along with this work, expect to see more updates about the progress. ā˜ŗļø

Modern office lobby at Kesko’s main campus in Helsinki, featuring a wooden slat ceiling with geometric cutouts that reveal upper floors. The space showcases contemporary Scandinavian design with two orange upholstered swivel chairs positioned around a light wood circular coffee table in the foreground. The lobby has white walls, and a glass staircase with wooden handrail on the left.
19/8/2025, 9:53:17 AM | 24 1 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

LHR āœˆļø YYZ

19/8/2025, 6:58:45 AM | 2 0 | View on Bluesky | view

Profile picture Mel (@thegatesofmel.blacksky.app) reposted

It is not for human consumption. It says it is not for human consumption. What is fascinating is that in this age of pregnant women of color being prosecuted for miscarriages, she skates and gets to do interviews.

17/8/2025, 4:44:47 PM | 257 97 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

This is like the YouTube play button award type deal?

16/8/2025, 12:07:08 PM | 1 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es) reply parent

😵

16/8/2025, 9:13:54 AM | 0 0 | View on Bluesky | view

Profile picture David Darnes (@darn.es)

Good morning to everyone but the Glaswegian Kiss my 1yr old just gave me

16/8/2025, 8:38:18 AM | 7 0 | View on Bluesky | view

Profile picture Stuart Robson (@sturobson.com) reposted

three still images of the character Geordi La Forge from Stark Trek - The Next Generation. These images take up the left half of the image and are stacked on top of each other image one - a frustrated Geordi hold their hand out as if to say 'wait' image two - a frustrated Geordi hold their hand out as if to say 'wait' image three - a happy Geordi points their finger as if to say 'yes' there is associated text for each image image one text - react image two text - utility classes image three text - web components
21/5/2025, 3:00:04 PM | 34 3 | View on Bluesky | view