@hdv@front-end.social
@hdv@front-end.social avatar

hdv

@hdv@front-end.social

Freelance frontend specialist. Accessibility advocate. Speaker.

Currently working on NL Design System and standards for the Dutch government. Before: W3C, Mozilla.
Open UI CG participant.
Interested and will likely talk about: web accessibility, the web, standards, design, tech ethics, components, JS, books, personal websites, CMSes, the video conferencing apps of our decade.

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

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

I've been reading "Tomorrow, and Tomorrow, and Tomorrow" (thank you @dletorey for the tip), and I'm really (really) enjoying it - no spoilers please (about 75% through).

But it's giving me an extremely strong desire to MAKE. I really want to make a thing, but first - work, but also - where to start (too many (stupid) ideas).

Still, excellent book, definitely recommend (so long as it doesn't bork it in the last 1/4th)

hdv,
@hdv@front-end.social avatar

@rem @dletorey +1, fantastic book!

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

Imagine Microsoft stopped spending money on AI and start putting it into making copy/paste work in their apps.

hdv,
@hdv@front-end.social avatar

(am currently copy pasting between two docs that have the same fonts and still getting random new fonts upon pasting)

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

Scarlett Johansson says OpenAI approached her to use her voice long before it was released. She said no and they still took it. https://www.npr.org/2024/05/20/1252495087/openai-pulls-ai-voice-that-was-compared-to-scarlett-johansson-in-the-movie-her

Now, in a blog post OpenAI says: “Sky’s voice is not an imitation of Scarlett Johansson” https://openai.com/index/how-the-voices-for-chatgpt-were-chosen/ But their CEO even tweeted the word “her” as a way of announcing the voice.

post truth much? this company just keeps on grabbing what isn't theirs

cory, to ai
@cory@social.lol avatar
hdv,
@hdv@front-end.social avatar

@cory nice! and yeah so much of these features seem pretty unnecessary… wrote this post a while ago https://hidde.blog/redundant-ai/

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

my German isn't great, but I understand and love that they can use words such as ‘arsch log’ on election posters

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

The European Parliamentary Elections are during CSS Day so I've just arranged to vote in Amsterdam (with Kiezerspas).

This is an important vote. Collectively we've got to cast a lot of votes on parties that are not extreme right, and (personal opinion) prioritise very ambituous climate policy over nonsensical anti migrant populism.

hdv,
@hdv@front-end.social avatar

@sarajw pfew you me too

went to double check but seems we're not doing this all on one day and NL is during css day and DE is after, pfew

5t3ph, to CSS
@5t3ph@front-end.social avatar

Soooo... who is attending Day, the Accessibility Club Summit, or both?

hdv,
@hdv@front-end.social avatar

@5t3ph 👋👋 i'll do two waves because both!

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

The corporation Slack: we'll train some language models on your data
The people in about every single Slack community I am in: admin, can you opt us out?

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

“Inspiration porn is the portrayal of people with disabilities (or other uncommon life circumstances) as being inspirational to able-bodied people“ https://en.wikipedia.org/wiki/Inspiration_porn

(yes this is a subtoot of the “AI”/BeMyEyes video that they forgot to add captions to)

more thoughts: https://hidde.blog/links/inspiration-porn/

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

Would pay to be able to turn off the AI stuff in “Teams (work or school)”. It's uneccessary, wasteful and nonsensical.

“Over events in your ankle”? Sorry, what?

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

“Europe, let's come together!”

Petition to get Joost Klein back into Eurovision https://www.change.org/p/get-joost-klein-back-into-eurovision-2024

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

So who will I see at @btconf then?!

hdv,
@hdv@front-end.social avatar

@sarajw @dletorey @btconf look for a red cap, Sara!

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

Fun fact: WCAG is 25 years old this week.

(version 1 was published 5 May 1999)

(via @yatil)

5t3ph, to random
@5t3ph@front-end.social avatar

Not loving the way "Tornado Alley" has suddenly decided to live up to its name 😬

I've lived in Nebraska my whole life and prior to the past few weeks the closest I'd been in range of a tornado was ~10 miles. A couple weeks ago an EF-3 (borderline 4) rampaged just 20 blocks away. And there's more to come 😫

hdv,
@hdv@front-end.social avatar

@5t3ph oh no! stay save!

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

I'm fairly sure I've heard the term "future music" used idiomatically to mean a thing to consider in the future.

I was trying to pin it down so I could check I was using it properly, but not finding reference to it anywhere.

Is it even a thing?

hdv,
@hdv@front-end.social avatar

@sarajw would be in Dutch!

hdv,
@hdv@front-end.social avatar

@sarajw hmm not very but somewhat negative, I think it's used when people are sceptical the thing will ever happen / realise, so quite similar to what you're describing

cory, to SmallWeb
@cory@social.lol avatar

I'm super grateful to have been featured in Manuel Moreale's People and Blogs. Give it a read if you feel so inclined https://manuelmoreale.com/pb-cory-dransfeldt

hdv,
@hdv@front-end.social avatar

@cory lovely read, realised I wasn't subscribed to your blog yet so just fixed that!

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

For those who want to read more about popover, I also wrote:

stephaniewalter, (edited ) to random
@stephaniewalter@front-end.social avatar

Project announcement incoming! I'm happy to announce that @Myriam and I launched Neurospicy. It's an agency, a boutique consultancy and a project dedicated to neurodiversity - all rolled up into one.

It's still a MVP, but the idea is to have a place to offer different content around neurodiversity, including training, socks, and stickers. I have no idea where this is going, and honestly, this is the most fun part, dopamine rush?

📢 https://www.neurospicy.agency/

hdv,
@hdv@front-end.social avatar

@stephaniewalter @Myriam 🥳👌👏

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

🔗 Popover in Baseline!

“With Firefox 125 shipping the feature, good news on popover:
This web feature is now available in all three major browser engines, and becomes Baseline Newly Available as of April 16, 2024.”

(From Una's post: Popover API lands in Baseline https://web.dev/blog/popover-api)

(Originally posted on https://hidde.blog/links/popover-in-baseline/)

ayo, to random
@ayo@ayco.io avatar

2 hour travel to client this morning
Then 2 hours back home later :)

hdv,
@hdv@front-end.social avatar

@ayo what brings you to The Hague?

csscade, to random
@csscade@mastodon.social avatar

Okay, so when making a popover I think the logic should go something like this:

  1. Use title if the content of the popover is just text.

  2. Use the popover attribute if the content is more than plain text and like a menu of options or something.

  3. Use <dialog> if you need to force the user to make a decision or block all other interactions on the page.

https://www.csscade.com/popover-api

hdv,
@hdv@front-end.social avatar

@SaraSoueidan @csscade yup , +1 to what Sara says, would skip (1) and go straight for making a custom tooltip, even for plain text!

(and with the popover attribute, you can have it in top layer, and get some keyboard behaviours and aria-expanded state built in)

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