@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.

davatron5000, to random
@davatron5000@mastodon.social avatar

Web developers over ~35 years old, can we chat for a second? Over here... everyone else you can keep scrolling.

I got some bad news. No one cares that we used to build entire websites with tables. Yeah, yeah, I know. It's our favorite story to tell. Same goes with floats. Flexbox has been in every browser since 2012. Grid since 2018. When we talk about the old ways we just sound old.

DavidDarnes,
@DavidDarnes@mastodon.design avatar

@davatron5000 when 35+ year olds chime in

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

New version of <mastodon-post> Web Component just dropped!

You can now access nested data returned from the Mastodon public API using dot notation, e.g. account.display_name or account.avatar.

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

DavidDarnes,
@DavidDarnes@mastodon.design avatar

Turned on sponsoring via Buy Me a Coffee so you can donate for my work

https://buymeacoffee.com/daviddarnes

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

When @robb and @johnvoorhees confessed to not understanding the whole Arc browser hype
https://ruminate.rknight.me/179/

Michael Scott from The Office exclaiming “Thank you”

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Remember React? This is him now

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Pretty cool to see people in the community use my GitHub template repo 😊
https://github.com/daviddarnes/component-template

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

The “pepperoni sequence”

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

The kids tv show Bluey is far better than it ever needed to be

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Been working on an update to my <mastodon-post> Web Component to allow you to target nested data within a post using dot notation.

If you have a moment I'd appreciate a check over what I've changed just to make sure there isn't a regression and I'm not over engineering it. Thanks!

https://github.com/daviddarnes/mastodon-post/pull/2

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

“I've got my blog set up just how I like it"
How my blog is set up:

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

One of my favourite web design tools is @codepen

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Here's a quick write up of one of the new I released last week, <sample-input>:

The <sample-input> component allows you to use <audio> and <video> elements to preview files that's been uploaded to an <input> element.

https://darn.es/sample-input-web-component/

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

What does a personal blog/website really need?

  • {posts|pages}.html (html pages with content on them)
  • index.html (links to pages and posts)
  • feed.xml (RSS feed of all posts)
  • robots.txt (to ward away evil spirits/bots)
  • sitemap.xml (to attract other bots)
  • 404.html (optional really)
  • favicon.ico (not a page but a file on the server, also optional)
  • carbon.txt (carbontxt.org even more optional but a nice concept)

I’m deliberately being overly simple, am I missing something?

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

So where are you going now for your css tricks?

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

The Nord Design System team are 🤏🏻 this close to wrapping up on the first iteration of a project we began building just over a year ago, a project that was designed to be Just The Beginning™ for Nordhealth's flagship product Provet Cloud https://provet.cloud

It's a project that's hugely benefitted from Nord, our dedicated for Nordhealth products https://nordhealth.design. Looking forward to sharing more of what @ariel, @elwinvaneede, @WickyNilliams and Eric have been working on 🔜

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Grateful for this ‘to the point’ article on the Popover API by @mrtrimble:
https://12daysofweb.dev/2023/popover-api/
(via 12 Days of Web / @5t3ph)

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

The sound my brain makes when I get a good idea
https://www.youtube.com/watch?v=VuPBmgEV6yQ

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

Pretty impressive that Jekyll is still actively used for websites. I realise it helps to have a whole platform that defaults to it (GitHub Pages) but I think you could say that about a few different tools.
Keep experiencing this first hand with people picking up my Jekyll themes on a regular basis ⚗️

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Hey I'm recording a podcast for zeroheight later today! @lurkmoophy has asked me to join them on Design Systems WTF to talk about future-proofing your design system.

It'll be a live recording so if you want to ask questions to us directly use the ‘Register now’ button on this page:
https://zeroheight.com/webinars/design-systems-wtf-15/

DavidDarnes, to random
@DavidDarnes@mastodon.design avatar

Deleted a frankly way too fragile dependency within my site. I was using degit to pluck out some CSS from Ghost without having to download the whole thing on install. However I didn't need it as I wasn't even using the things they style.

Goes to show that you should really only add CSS to a project when you know it's going to get used, even when it's boilerplate or reset stuff

GoOz, to 11ty French
@GoOz@mamot.fr avatar

Currently looking for an plugin to actually render a social card in a post, not to be confused with a plugin that generate the cool meta tags in order to get a nice looking card on other websites.

Anyone got that somewhere? at the bottom of a pocket maybe?

DavidDarnes,
@DavidDarnes@mastodon.design avatar

@cory @nhoizey @GoOz @nicod @lene anyone interested in trying out my <link-peek> component to “unfurl” links into rich previews? I’d like to see how well it works on web pages and how it appears in reader apps / RSS readers

https://github.com/daviddarnes/link-peek
https://www.npmjs.com/package/@daviddarnes/link-peek

DavidDarnes,
@DavidDarnes@mastodon.design avatar

@nhoizey @GoOz @nicod beat me to it 😅. I don't actually use this plugin on my own site as behind the scenes I'm using Ghost which generates them. However I did make this plugin as way to help remove Ghost from my somewhat complex setup. Be warned that if you have a lot it’ll increase built time.

Side note: I'm working on a Web Component that does a similar thing. Another drawback is that they look awful in RSS readers, generating the card on the client would prevent that
https://mastodon.design/@DavidDarnes/111748298431612383

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

Fine if you don't want to wear your cap, son, I'll have it

DavidDarnes,
@DavidDarnes@mastodon.design avatar

@sarajw suiting you far better than mine suits me 😂

scrwd, to random
@scrwd@mastodon.social avatar

Any good way to toggle the open attribute on a <details> element according to a media query - essentially watching for changes? And is there a terrible accessibility reason not to do that? Basically it's about hiding content on smaller screens

DavidDarnes,
@DavidDarnes@mastodon.design avatar

@scrwd would definitely look at @zachleat's details-utils component which can force close and/or open depending on viewport sizes https://www.zachleat.com/web/details-utils/#force-openclosed

rafa, to random
@rafa@mastodon.design avatar

Home rental to use as a set for visionOS screenshots as a service 💸

DavidDarnes,
@DavidDarnes@mastodon.design avatar

@rafa AirBtoB – Business to Business

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