@DavidDarnes@mastodon.design
@DavidDarnes@mastodon.design avatar

DavidDarnes

@DavidDarnes@mastodon.design

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

This profile is from a federated server and may be incomplete. Browse more on the original instance.

scott, (edited ) to random
@scott@typetura.social avatar

We need to stop making sci-fi until tech bros can learn the difference between a warning and an aspiration.

Edit: because this post is doing numbers it’s important to explicitly acknowledge that this is a bad take on a complex and big problem.

DavidDarnes,
@DavidDarnes@mastodon.design avatar

@scott tech bros are doing to sci-fi what politics has done to ‘The Thick of It’

chriscoyier, to random
@chriscoyier@front-end.social avatar

jQuery plugins depended on jQuery, and when jQuery went out of favor, they ended up in the junkyard.

There is all sorts of componentry built exclusively on React, limiting it to React-based sites. As React goes out of favor, they will end up in the junkyard. (Same with any framework-specific extension.)

But with Web Components... it seems like the story will end differently. If they are built without dependencies, they might just live as long as the web does.

DavidDarnes,
@DavidDarnes@mastodon.design avatar

@cferdinandi @chriscoyier I’m afraid that’s how the community works. Nobody is really going to get hyped about my handful of tiny Web Components, they’re getting doughy-eyed at the big shiny frameworks. And I’m kinda ok with that. If Web Awesome helps Web Components attain a bigger audience then great. At least then more people get to appreciate a slice of the benefits to

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Reply guys who mention something irrelevant to your post should be called “Scope creeps”

DavidDarnes, (edited ) to random
@DavidDarnes@mastodon.design avatar
DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

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

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar
DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

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

DavidDarnes, (edited )
@DavidDarnes@mastodon.design avatar

Thanks everyone for your people and resources recommendations! If you have any other recommendations let me know, thank you.

Watch this space as I'll be posting a bit more myself on the subject through the zeroheight blog and our other resources:

Blog: https://zeroheight.com/blog/
RSS: https://zeroheight.com/blog/feed
Resources: https://zeroheight.com/resources/

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Does anyone have any “gotchas” that they wish they knew when getting into them?

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar
cferdinandi, to random
@cferdinandi@mastodon.social avatar

Maybe a ridiculous question, but... are Web Components the next "design system"?

DavidDarnes,
@DavidDarnes@mastodon.design avatar

@cferdinandi I think #WebComponents are a great way to distribute parts of #DesignSystems, especially if you're dealing with varying frameworks and/or working with heavily polluted or legacy codebases.

However I do think that CSS is evolving at such a rate that Web Components will take more of a backseat when distributing design systems. They will still be present but mainly to provide JS behaviour (as they should) while more modern CSS will handle visual consistency

DavidDarnes, (edited ) to random
@DavidDarnes@mastodon.design avatar

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…

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

“DOM stands for DOMinic Toretto”

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

display: 2016-blog;

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

omg you’ll never guess what todays date sounds like

DavidDarnes, to 11ty
@DavidDarnes@mastodon.design avatar

I'm still hyped about everything that happened at #11tyconf. The talks were so great, and I'm once again keen to try out @eleventy in new ways.

Especially interested to try out the new ‘Eleventy Transform' option within the Eleventy Image plugin, allowing you to transform any <img> automatically into something more performant https://www.11ty.dev/docs/plugins/image/#eleventy-transform

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

I think this pepper has had the same week as I had (cc @sarajw)

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

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

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

“…but if you don't, I will email you, it will find you, and it will find you well”

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

🆕 <link-peek> 1.1.0 is out!

You can now use multiple custom templates on the same page by referencing the template id using the new template attribute ✨

📦 https://www.npmjs.com/package/@daviddarnes/link-peek
✍🏻 https://darn.es/link-peek-web-component/

DavidDarnes, (edited ) to random
@DavidDarnes@mastodon.design avatar

“I work on #DesignSystems and I am a…”

DavidDarnes, (edited ) to random
@DavidDarnes@mastodon.design avatar

Does anyone have the 8BitDo SN30 Pro controller? And can you measure it for me? I’m currently using a PS4 controller when I want to game away from home but it’s pretty bulky and just barely fits into my cable case

Edit: Found, 144 by 63.5 by 33mm

https://www.8bitdo.com/sn30-pro-g-classic-or-sn30-pro-sn/

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

My debut appearance on Design Systems WTF from the zeroheight team 😊
https://podcasts.apple.com/gb/podcast/design-systems-wtf/id1709453556?i=1000653331072

DavidDarnes,
@DavidDarnes@mastodon.design avatar

“Is using a pre-built frontend library realistic?”

Hold onto your <header>'s folks as there may be some hot takes from this topic that'll be discussed amongst the zeroheight team in this weeks #DesignSystems WTF.

Be warned I may be doing some gate crashing 👀

https://zeroheight.com/webinars/design-systems-wtf-16-is-using-a-pre-built-frontend-library-realistic/

sil, to random
@sil@mastodon.social avatar

“Is it raining? I hadn't noticed.”

DavidDarnes,
@DavidDarnes@mastodon.design avatar

@sil fixed it

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Idea: Web Component which uses the CSS Highlight API to highlight code blocks

DavidDarnes,
@DavidDarnes@mastodon.design avatar

@bramus @Jbasoo are you trying to nerd snipe me, because it's working 🥺

  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • mdbf
  • ngwrru68w68
  • InstantRegret
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • tacticalgear
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • DreamBathrooms
  • anitta
  • ethstaker
  • GTA5RPClips
  • modclub
  • tester
  • provamag3
  • osvaldo12
  • cisconetworking
  • everett
  • cubers
  • normalnudes
  • megavids
  • Leos
  • lostlight
  • All magazines