DavidDarnes

DavidDarnes, 6 months ago to random

For halloween I'm dressing up as a Slack DM which simply says “Can we have a quick chat” followed by complete silence for hours

DavidDarnes, 6 months ago to random

DavidDarnes, 3 months ago to mastodon

New addition to my #WebComponents collection: <mastodon-post>!

Embed mastodon posts on your web pages by progressively enhancing a regular link and without the need for an <iframe>. Use the built in semantic template or apply your own! Read more about it here:
https://darn.es/mastodon-post-web-component/

#InideWeb #Webmentions #Mastodon

Thanks to @robb and @mariohamann for the inspiration ✨

DavidDarnes, 5 months ago to random

genie: please no
js dev: more frameworks

DavidDarnes, 1 month ago to random

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

DavidDarnes, 8 months ago (edited 8 months ago) to random

You know the real reason why there isn't an <accordion> element? It's because we've never truly been able to accurately depict it in code… until now 🪗
https://codepen.io/daviddarnes/pen/zYyBWMm

DavidDarnes, 5 months ago (edited 5 months ago) to random

In the intersect between @zachleat sharing his #WebComponents, @adactio talking about declarative sharing buttons and all y'all (gestures vaguely at blogs and Mastodon) talking about ‘HTML Web Components’ there lies me and my urge to noodle around with small bits of #JavaScript.

So here's my first open source Web Component, <share-button>:
https://darn.es/share-button-web-component/

DavidDarnes, 7 months ago to random

Published is better than perfect

DavidDarnes, 4 months ago to random

Posting up another one of my #WebComponents today. Sort of a unique one this time, but I think it'll be useful for people who want to put together something like website user preferences or create small applications.

<storage-form> is a Web Component to allow regular form elements to interact with the browsers local storage. Wrapping this component around a <form> with <input> elements instantly allows you to add, edit and remove data within local storage:

https://darn.es/storage-form-web-component/

DavidDarnes, 11 months ago to random

When the web page opens in a WebView

DavidDarnes, 7 months ago to design

My talk about using Web Components in Design Systems that I did yesterday for NL Design Systems Week is already on the site if you want to check it out:

https://nldesignsystem.nl/events/design-systems-week-2023/programma/#design-systems-&amp;-web-components:-what-works-&amp;-what-doesn’t

Thanks again to @hdv, @robbert and the rest of the team for the opportunity. Also thanks to anyone who attended!

DavidDarnes, 5 months ago to random

React both popularised and over-saturated the component concept. I think that's why a lot of us are weary of if the benefits Web Components that mirror Reacts biggest draws. We don't want to fall to the same fate.

Think of Web Components as having 'range' in terms of robustness. They can have an extremely light touch but also allow you to lock things down. In an ideal world we wouldn't use the latter as much as the former, but in certain contexts it can be really useful.

DavidDarnes, 1 year ago to random

“Whoa, AI wrote this!”
🤝🏻
After putting all their leftovers in a blender: “Whoa, I made soup!”

DavidDarnes, 6 months ago to random

Hey you, yes you, I've got a question for you…

What the f••k is a Design System?

https://designsystems.wtf

DavidDarnes, 6 months ago to random

Please vote so we have a safer void to scream into 🕳️
https://github.com/mastodon/mastodon/issues/7135

DavidDarnes, 7 months ago to random

New ‘Devs adding JavaScript’ analogy just landed

The Tipsy Bartender making “Kitchen Sink Jungle Juice” where everything mentioned in the video is being added to a large kitchen sink. Original video https://youtu.be/C2I9gle7jMg

DavidDarnes, 5 months ago to random

Ghost will be removing AMP support with their next major version, and from the look of this thread there’s very little resistance to it. RIP AMP https://forum.ghost.org/t/upcoming-removal-of-amp-in-ghost-6-0-what-you-need-to-know/43034

DavidDarnes, 1 month ago to random

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

DavidDarnes, 10 months ago to random

Don't make me focus the <button>Sign</button>

DavidDarnes, 5 months ago to random

I made a Web Component GitHub starter template to help me, and maybe you too, to get into making #WebComponents. Hope you find it useful:
https://darn.es/web-component-github-starter-template/

DavidDarnes, 4 months ago to random

Quick roundup of what I did in 2023… https://darn.es/what-i-did-in-2023/

DavidDarnes, 1 month ago to random

My friend from my Nord design system days @WickyNilliams has created a set of #WebComponents for displaying calendars called ‘cally’.

You should definitely check it out:
https://wicky.nillia.ms/cally/

DavidDarnes, 20 days ago to random

Ideas for my dream CMS

After listening to @chriscoyier, @davatron5000 and @mathowie talk about their ideal CMS setup on Shop Talk I felt it was a chance to share my ideal CMS features as well as some context around why I'm more interested in them than I should be:
https://darn.es/ideas-for-my-dream-cms/

DavidDarnes, 4 days ago to random

New Web Component! <random-source>

"The random-source Web Component allows you to cycle randomly through different audio or video sources, utilising existing HTML elements and providing an elegant fallback experience.”

https://darn.es/random-source-web-component/

#WebComponents

DavidDarnes, 16 days ago to random

Me on the train watching your fancy font load while I wait for your menu toggle to work

Michael Scott looking grumpy in The Office