RE: @firefoxwebdevs@mastodon.social
If you've ever had to do that dance of padding/line-height hacking…and then start all over again when the font changes…oh wow this is going to make things a *lot* easier. 😊
Remote
That HTML Blog
@vanillaweb@intuitivefuture.com
mastodon 4.7.3Vanilla has never tasted so hot. Join a fabulous community of web developers learning how to use “vanilla” web specs like HTTP, HTML, CSS, JavaScript, & Web Components.
Published by @jaredwhite@indieweb.social
1464 Followers
127 Following
9 Posts
Joined November 30, 2024
Discord Chat:
That HTML Blog:
Forum on Human Web Collective:
For *two years* now we’ve been covering the circuitous path wending its way towards getting a Pinterest-style layout mode into #CSS (often called “masonry” layout). 😅
Thankfully our long #WebDev nightmare is finally over, and masonry layout has been solved! 🎉 Now called CSS Grid Lanes, it’s available today in WebKit-based browsers such as Safari 26.4 as well as the latest GNOME Web:
Scalable Vector Graphics (SVG) is the image format for the web that isn’t raster (aka pixel-based) like JPEG and PNG.
Something which sets #SVG apart from other “image formats” however is that it’s more than an image format. It’s markup…which means it can be embedded in your #HTML markup.
This gives SVG superpowers, as @carmenansio@front-end.social so eloquently puts it in her fantastic article SVG from Scratch… #WebDev
Let’s say you have an #HTML element (like ) which has been instantiated as an object in your DOM.
At that exact moment, you want to enhance the form by adding new behavior via #JavaScript.
How does a wad of code get spun up in a 1:1 relationship with the element to be enhanced?
Herein is explained a "bad" way, and two good vanilla #WebDev ways this can be accomplished:
https://thathtml.blog/2026/04/two-paradigms-for-enhancing-html-tags/
An announcement from our older sibling site, The Spicy Web:
https://www.spicyweb.dev/sunsetting-the-spicy-web/
TL;DR: That HTML Blog will continue on just as before! But past #WebDev educational materials published on The Spicy Web will remain archived, frozen in time (that's the nice thing about static sites…).
Meanwhile, the rebranded Human Web Collective Discord is alive and well, popping even! Join us if you want to talk about all things vanilla web, fediverse, anti-slop, and indie publishing.
Announcing Reciprocate, a Sweet Solution for Making Your HTML Web Components Reactive
Have you ever been chipping away on vanilla #WebComponents when you began to wonder “hey waitaminute…how do I make it so when I set this #JavaScript property, the equivalent #HTML attribute is updated? And if I set this attribute, the equivalent property is updated? Or when either is updated, my component will re-render?! Where are the APIs for this stuff??”
Worry no longer! 🤓 #WebDev
https://thathtml.blog/2025/09/reciprocate-reactivity-for-html-web-components/
This conceptual framework may not be perfect or may be missing a lot of details, but it seems like a good starting point for discussion on what is a "user agent" and what safety protections are afforded to users and the resources being consumed.
Remember, the web has always been "agentic". The concept of a "user agent" is as old as browsers. The question is: whose authority is the agent acting on? The issues at stake are trust, honesty, safety, privacy, and many others.