📣 ✍️ New #webdev blog post!

This one is special to me, partly because it took some time to cook 😅 , partly because I talk a bit about #ux (which is not my main field), and partly because it features an experiment: after talking about #webpush and #pwa with #django, I'm asking my dear readers (you 😉) to visit a small demo website and tell me how it went!

You can give feedback here, or on Lemmy, Lobsters, etc. I'll update the post with the links!

So here it is: david.guillot.me/en/posts/tech…

Enjoy! 😸🔔

Push notifications without a mobile app: an experiment (with Django)

Today I want to talk to you about a combination of technologies that I don’t see often implemented, yet I wonder why: Web Push Notifications and Progressive Web Apps.

^{David Guillot}

Sensitive content Reveal/hide

HTML Developers: Please Consider – in the year of 2025

@aardrian returns to the Mastophone

#HTML #ARIA #WebDev #WebStandards #a11y

html5accessibility.com/stuff/2…

"What's the worst password incorrect dialog box?"

🤔

#webDev #security #UI #memes

My /now page on my site is under the "About" heading, and when I click on About > Now, my brain completes it "THE FUNK SOUL BROTHER"

#WebDev #FatboySlim #90sMusic #Shitpost

I don't know how many times we have to say this. Last I counted it was 1.2 million times and almost 20 years.

"Developers should always prefer using the correct semantic HTML element over using ARIA."

developer.mozilla.org/en-US/do…

#webdev #javascript #html #webdevelopment #a11y #aria

An overview of accessible web applications and widgets - Accessibility | MDN

Most JavaScript libraries offer a library of client-side widgets that mimic the behavior of familiar desktop interfaces. Sliders, menu bars, file list views, and more can be built with a combination of JavaScript, CSS, and HTML.

^{MDN Web Docs}

It's done. Now it’s your turn, Oracle.

We’ve submitted a formal petition to cancel the JavaScript trademark: it is generic, Oracle has abandoned it, and Oracle committed fraud on the USPTO during the last trademark renewal.

Oracle has until January 4th to respond, or the case will go into default, which will result in the trademark being canceled.

It's time to #FreeJavaScript.

deno.com/blog/deno-v-oracle

#deno #node #javascript #typescript #webdev

Deno v. Oracle: Canceling the JavaScript Trademark

Oracle is holding the JavaScript trademark hostage, and we’re pursuing legal means to #FreeJavaScript. Here’s a brief update.

^{Deno Blog}

When you leave display logs for debugging "on" in production.

#webdev #programming #memes

I'm happy so many people liked my first article!

Now I wrote about why focus outlines deserve better treatment in web design, and how to make them both beautiful and accessible ✍️

medienbaecker.com/articles/foc…

#accessibility #webdev #webdesign #indieweb

Beautiful focus outlines

Baker’s son turned web developer, kneading pixels and code for 15+ years. I help you bake your ideas into websites 🥨.

^{Thomas Günther (medienbaecker.com)}

New blog post! 📝

"My anti-overlay client letter" — I'm often asked about accessibility overlays, and this is the email I send to clients when that discussion gets serious.

It may be helpful to others making the case against overlays and laying down the facts.

alistairshepherd.uk/writing/ac…

#webdev #accessibility

My anti-overlay client letter - Alistair Shepherd

I really dislike accessibility overlays and am often asked about my thoughts or to implement one. This is my email response when that discussion gets serious.

^{Alistair Shepherd}

Not so short note on aria-label usage – Big Table Edition

“aria-label is one of a number of secondary methods to label native HTML UI elements. It works particularly well on interactive elements, it also works well on most block level elements old skoolterm that have explicitly or implicitly defined structural roles. It works less well or not at all on text level semantics.”

#aria #HTML #accessibility #WebDev

html5accessibility.com/stuff/2…

Web Accessibility Cookbook

Provides you with dozens of recipes to help you build common components on the web, such as navigation, forms, filters, tables, and dialogs, in an accessible manner.

accessibility-cookbook.com/

by @matuzo

#webdev #webdesign #a11y #books

People on StackOverflow telling people to screw up #accessibility with the HTML dialog element defeats the purpose of using that element in the first place IMO. Please upvote my answer that corrects the numerous wrong answers, including the accepted answer, to this question if you have an SO account.

stackoverflow.com/a/79028606/2…

#webDev #a11y #html #css #javaScript

Client: "Well, sometimes we have to break accessibility on our site when it gets in the way of other users."

Me: 🤔

#webdev #memes #a11y

⌨️ prayer for the un-entitled user

"Like the rest of the web platform, interoperability is key to accessibility support. It is safe to say at this time (September 2024) that the display of title attribute content on keyboard focus is not implemented interoperably."

#a11y #WebStandards #WebDev

html5accessibility.com/stuff/2…

Don't Use JS for That: Moving Features to CSS and HTML by Kilian Valkhof 👏

Of course, ensure it's accessible – especially the scroll example in this presentation.

youtube.com/watch?v=IP_rtWEMR0… #webdev #webdevelopment #javascript #css

Now in #Firefox DevTools 129: massive performance improvements, @starting-style support and accessibility fixes:

fxdx.dev/firefox-devtools-news…

#webDev #CSS #webperf