It used to be quite challenging to set the precedence of individual #CSS rules without a lot of headaches. (This encouraged the practice of authoring many small utility classes that do very little on their own.)
Thankfully, that’s no longer the case. Here’s a simple example: cloudfour.com/thinks/cowardly-…
Let’s make a more useful utility class without giving up any versatility.Cloud Four
Single-Page Applications (SPAs) are a worse user experience.Unplanned Obsolescence
All the Deets on the Mighty Details Tag 🙌
@geoff over at #CSS Tricks has written a definitive guide on using <details>, a number of possible use cases, and some of the trickier aspects of styling it and even animating the opening and closing states. I’ll be sure to refer to this the next time I do #WebDev on a <details>-based feature!
thathtml.blog/2025/02/all-the-…
One of the great unsung heroes of modern web UX.That HTML Blog
A collection of bad practices in HTML, copied from real websites.Misleading Icons: Icon-Only-Buttons and Their Impact on Screen Readers - HTMHell
Moving on from React, a Year Later
"Our server-rendered, JavaScript-light approach has delivered a faster and more reliable experience."
kellysutton.com/2025/01/18/mov…
#webdev #webdevelopment #reactJS #javascript #webperf
A retrospective on making the switch from React to StimulusJS at ScholarlyKelly Sutton
today is officially *THREE* weeks until the submission deadline for Good Internet magazine!
Good Internet launches in May 2025. it's a volunteer-run, not-for-profit print and digital quarterly magazine for personal website owners and those interested in using the internet as a means of self-expression, art, and recreation.
🔍 we're looking for 1,500-4,000 word articles about anything related to that!
you could write about:
* #internet history
* personal #websites
* #accessibility on the #indieweb
* finding inspiration for a #blog
* #webdesign trends
* running from the #enshittification of the #web
* lessons or post-mortems from #webdev projects
* news or overviews of #opensource projects
if it relates to hobbies on "this side of the web," whether you call it the #smallweb or indieweb, we probably want to run it!
you can have your article as low-media (meaning only text and images) or interactive, where you code an entire webpage to help tell your story.
if you're interested in learning more, you can sign up for our email list for when we launch or you can check the submission guidelines @ goodinternetmagazine.com!
(please boost if you can! ❤)
A print and digital magazine coming soon.goodinternetmagazine.com
Is it possible to write advanced theming #CSS with context-aware conditional code? As if()! 😉
@chriskirknielsen shows us a glimpse of what's possible—just in Chrome Canary right now behind a flag, but here's hoping it gains ground soon.
On a related note, us #WebDev folks are eagerly awaiting container style queries in Firefox! Can it happen please pretty please with sugar on top??
thathtml.blog/2025/02/hot-off-…
Taking context-aware theming to a whole new level…one day.That HTML Blog
We Need to Talk About Anti-Web Coding Assistants
It's time. We can't ignore this massive threat to the continuing health of this platform we all love.
@vale has done a deep dive into what the bots think is the state-of-the-art of #WebDev and…uh, it's alarming. 😬
We can, *and we must*, expect better of the tools being thrust in our faces as the future of “whatever”.
#ProCraft
thathtml.blog/2025/02/we-need-…
It’s time. We can’t ignore this massive threat to the continuing health of this platform we all love.That HTML Blog
🤔HTML semantics: <abbr> theory versus abbreviation reality
"The HTML <abbr> element is deceptively familiar and attractive, its been around forever (1999) and thus people assume that it does what it does and does it well. Nothing much changed over the iterations of the abbr element definition over the years."
tpgi.com/short-note-the-abbrev…
The HTML element is an incredibly common, but do you know how you can make it accessible? Find out how in this article.Steve Faulkner (TPGi)
Para celebrar el día del amor y la amistad:
Estoy ofreciendo diseño y desarrollo de sitios web desde 1740 pesos mexicanos.
En Sandia ofrecemos servicio de diseño y desarrollo de sitios web para que hagas crecer o lances tu negocio.Sandia
Don’t use the aria-label or aria-labelledby attributes on divs, spans, or other elements representing static/noninteractive text-level semantics, unless you’re also updating roles.Ben Myers
The next version of Deno will have a super fast JS/TS plugin API for the linter 🎉
Watch @lcasdev write a lint rule to ban string literals in <60 seconds.
This, plus many other goodies, to land next week with Deno 2.2.
#deno #nodejs #typescript #webdev #javascript
Building a CLI is easy with these browser methods 👀
#deno #nodejs #typescript #WebDev #javascript #WebDevelopment
Cloudflare's security features could be blocking RSS feed users from accessing your websiteOpen RSS
📣 ✍️ 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! 😸🔔
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
HTML Developers: Please Consider – in the year of 2025
@aardrian returns to the Mastophone
#HTML #ARIA #WebDev #WebStandards #a11y
html5accessibility.com/stuff/2…
A collection of bad practices in HTML, copied from real websites.aria-labelledby = self - HTMHell
A collection of bad practices in HTML, copied from real websites.The underrated
The sheer variety of combinations of browsers, operating systems, screen sizes, devices, ATs, etc. that make the notion of a "normal" user absurd. This talk ...YouTube
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
Have you been shuffling accessibility compliance all around your roadmap this year? Here are 5 ways to integrate it as a practice to supercharge your product strategy instead.Caro Sotillo Silva (thoughtbot)
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
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 #node #javascript #typescript #webdev
Oracle is holding the JavaScript trademark hostage, and we’re pursuing legal means to #FreeJavaScript. Here’s a brief update.Deno Blog
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
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)
There are big tradeoffs, naturally, but vanilla JavaScript is very powerful, usable everywhere, lightweight, and high-performance. Learn it and use it when it's the best choice.frontendmasters.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…
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
I've told this story at conferences - but due to the general situation I thought I'd retell it here. A few years ago I was doing policy research in a housing benefits office in London. They are singularly unlovely places.Terence Eden’s Blog
The annual HTML conformance analysis, validating 200 home pages of the most popular websites. Despite improvements, there is no signal of commitment to valid output as a quality baseline to benefit end users as well as web development as a profession…meiert.com
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
