#htmhell — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #htmhell, aggregated by home.social.
-
🚨🖥️ In a world where developers have resorted to writing emails in Markdown, Email.md heroically saves the day! 🤦♂️ Now you can ship emails without entering "HTMHELL" – because who doesn't love adding another layer of complexity to their life? 🙄✨
https://www.emailmd.dev/ #EmailMarkdown #EmailDevelopment #HTMHELL #TechHumor #DeveloperLife #HackerNews #ngated -
-
Replacing JS with just HTML
For many years now, JavaScript has been the workhorse of the web. If you wanted to do something that couldn't be done with just HTML and CSS, you could usually find a way to do it with JS.
And that is great! JS has helped push user experiences forward, and honestly helped push HTML and CSS forward!🧑💻 https://www.htmhell.dev/adventcalendar/2025/27/
#javascript #html #webdev #js #css #web #replaced #htmhell #dev #forward #help
-
»For the Love of <details>« #HTMHell
https://htmhell.dev/adventcalendar/2025/23/ -
»The HTML Elements Time Forgot« #HTMHell
https://www.htmhell.dev/adventcalendar/2025/22/ -
Already so many great posts on this year's #HTMHell advent calendar... Discover Dialog by @sarajw
https://htmhell.dev/adventcalendar/2025/9/Words from the Accessibility Freedom Beaver @SteveFaulkner
https://htmhell.dev/adventcalendar/2025/10/Hell is Other People's Markup by @lloydi
https://htmhell.dev/adventcalendar/2025/13/The Wonderful World of Web Feeds by @maureenholland:
https://htmhell.dev/adventcalendar/2025/14/ -
Erfreulich, etwas über #MathML zu lesen, speziell zur Zugänglichkeit. Allerdings sehe ich die Nutzung von mtable für das Layout (!) mehrerer Formelzeilen kritisch. Das Element ist für Matrizen und ähnliche Ausdrücke zuständig. #HTMHell
https://www.htmhell.dev/adventcalendar/2025/12/ -
One of my highlights of the year is always the #HTMHell Advent Calendar curated by @matuzo, containing an article daily on security, a11y, UX or performance, written by authors from around the world.
There is still plenty of time to catch up on previous days' articles, so go and check it out to learn something new each day until Christmas!
-
🙃 The schlechts of #HTML goes #HTMHell.
https://www.htmhell.dev/adventcalendar/2025/8/ -
IDREF/IDREFS hatte ich in dieser Woche im XML-Kurs bei den Attribut-Typen in DTDs.
»IDREFs: What they are and how to use them« #HTMHell
https://www.htmhell.dev/adventcalendar/2025/5/ -
Komisch, habe <plaintext> noch nie in the wild gesehen. Das 2. Türchen von #HTMHell widmet sich diesem Mysterium.
https://www.htmhell.dev/adventcalendar/2025/2/https://www.htmhell.dev/adventcalendar/2025/2/Praktikabel wäre es vielleicht mit </plaintext> gewesen.
-
While I still have to catch up and share the other #HTMHell articles, I'm humbled to announce that I also wrote one:
https://www.htmhell.dev/adventcalendar/2024/24/
This example was taken from a real website and I left a clue in the article, so you can check it out yourself. 👀
Thank you @matuzo once again for having me. 🙌
-
Images, text, buttons, and more — developers love to add the title attribute to any element in sight, in 99% of cases to create a tooltip. The issue is that the title attribute isn't accessible. But don't worry, the HTML popover attribute has got you covered!
-
"I first learned of this technique through @heydon #InclusiveComponents and have been using it ever since. It’s simple, effective, and a great way to keep #accessibility in mind at every stage of development." By @maureenholland
https://www.htmhell.dev/adventcalendar/2024/16/
Don't know about my first time hearing about it, but always cool to show other devs this simple yet powerful #a11y improvement 💪
-
"What should we encourage developers to focus on, no matter their initial reaction? Know their #HTML, consider the needs of different types of users, lean into testing. And ask questions." By Corina Murg
https://www.htmhell.dev/adventcalendar/2024/15/
Extensive example how to use and understand the accessibility tree by creating a fake button.
-
"Accessible pagination ensures that all users can navigate the web without 'getting lost as if reading a book with pages bound out of order.' This makes the web not only more inclusive but also more accessible for everyone looking to find content efficiently and directly." By Kristin Rohleder
https://www.htmhell.dev/adventcalendar/2024/14/
I love a good, robust and accessible navigation. 😍 Bookmark this one!
-
"[...] we can use the translate attribute, which indicates whether an element content should or should not be translated. The attribute can appear on any element, and it takes just two values: 'yes' or 'no'. [...] we need to use the value 'no' to disable automatic translation for specific pieces of content" By Anastasiia Batarei
https://www.htmhell.dev/adventcalendar/2024/13/
Learned something new, didn't know this existed 💡
-
"Since I started to create content in Japanese, I also wanted to learn about traditional setups, like having #Japanese text flow from top to bottom, right to left, like you’d see in newspapers or novels. That's when I discovered #CSS properties like writing-mode: vertical-rl and #HTML tags like <ruby>, which add furigana (phonetic guides) over kanji characters." By Julia Undeutsch
-
"In short: put <meta http-equiv="refresh" content="1"> in your <head> element to refresh your page every second. This is a makeshift "hot reload" for development. It's not perfect, but it can be a quick solution!" By @EvanHahn
https://www.htmhell.dev/adventcalendar/2024/11/
Such a dope and quick solution, love it! 😍
-
"[...] add another input field to also set a bulk quantity. I did what I was told, but to my horror, the form wouldn’t submit anymore with the new field displayed! 😱 [...] I’ve never built a form with only one text field; even in a simple chat component, there typically is at least a submit button to send the message. And indeed, adding a submit button magically solves the problem" By @felixh10r
-
""The light dark value means that we’re choosing to support both light and dark schemes in our code. The property will be inherited down the document tree, and the browser will enable some default styling for built-in primitives when needed. Thank you, browser!" by @pepelsbey
-
Our own @maureenholland has contributed to the 2024 #HTMHell Advent Calendar: https://htmhell.dev/adventcalendar/2024/16/
It’s great to see Maureen’s expertise on display in the great company of writers like John Allsopp, Léonie Watson, and many others.
-
I was about to share the last #HTMHell Advant Calendar article I read thinking it was today's, but I realized that it was actually next Tuesday's article that somehow got in the RSS feed long enough for FreshRSS to pick it up 😅
-
"The 1990s and 2000s are behind us in many areas, and yet in some, they may still be ahead [...] The future of HTML—it could embrace more of the HTML of the past." By @j9t
-
"Suddenly I knew exactly how Arthur Dent felt, dealing with the Nutrimatic Drinks Dispenser in The Hitchhiker's Guide to the Galaxy. Just like the cup of tea it dispensed to Arthur, the code provided by #ChatGPT was, to paraphrase, almost, but not quite, entirely unlike the #HTML for an accessible button." by @tink
https://htmhell.dev/adventcalendar/2024/7/
A simple question with a simple answer, yet ChatGPT had to add a little extra to spice things up
-
"[...] web performance isn’t just a tech problem to solve, it’s a social issue. Our societies require people to use websites, yet we serve 10MB poorly-optimised JavaScript-heavy ‘apps’ via metered connections to a $30 smartphone—that’s never going to work!"
https://www.htmhell.dev/adventcalendar/2023/14/
Interested in #WebPerformance? Check out this article by @accudio covering everything you need to know with great examples and easy to understand.💡
-
My htmhell advent calendar article has been revealed. Thanks to @matuzo for allowing me to participate.
Slots! Wut!?
Update: I've made a correction on how Important works on slotted elements. My thanks to @knowler. Who, by the way, also pointed out a technique using 'revert-layer' to wrangle slotted elements. (I feel a new post coming on!)