Stefan Matei

Love to see this. @scottjehl.com is a terrific teacher and thinker, and it’s glorious that this course is not only not only online but free.

Pizza and prototyping 🍕 Made a small color swatch add on for MicroLighter by Dave Rupert davatron5000.github.io/microlighter/ Codepen codepen.io/editor/jakob...

CSS-Tricks is back. With a *new* owner. css-tricks.com/css-tricks-h...

I had an older snippet somewhere for conditional border radiuses but it was uglier than this one youtube.com/shorts/q8ddb... #css (from @kevinpowell.co)

I just shipped CSS Custom Highlight Universal Selector! Coming in Chrome 158. With ::highlight(*), you can write a shared rule that applies to every custom highlight instead of repeating the same styles for each name. See the Blog post: blog.seokho.dev/development/...

🚨 Web Component Klaxon 🚨

Exact same masking technique can be used for styling text differently depending on whether it intersects that area of the image. Just with an #SVG #filter on a figure containing an img & figcaption. No extra elements or pseudos to duplicate the text or img. Selectable text, right click menu on img.

📜 MIT licensed, source code on #GitHub: github.com/obsidianmd/... 🌐 pele.run/

The Roads Have Eyes! 👁️ Turn on the Surveillance Layer in Map Options to see known license plate readers from Flock Safety, Motorola Solutions (Vigilant), Genetec, Axis Communications, Axon, Leonardo (ELSAG), Neology, Rekor, PlateSmart, Ubicquia, Verkada, and other outdoor surveillance cameras.

One more example of using CSS only custom elements, but for accessibility. #html #css #WebComponents #DesignSystems dev.to/stuffbreaker...

🔥 New blog post: The best way to use icons in Web UIs What if I told you, you could use CSS to *insert* and *tweak* icons without touching any HTML? And that you can manage them alongside your other design tokens? lea.verou.me/blog/2026/ic...

#css

So, today I built `<calc-input>`. It’s a custom input element that accepts mathematical formulas — such as 2 + 3 or (2 + 3) * 4 — and automatically toggles between showing the formula on focus and the calculated result on blur. → brm.us/calc-input

Three nice styles for highlighter-style <mark> elements: - codepen.io/HejChristian... - codepen.io/cassidoo/pen... - codepen.io/vii120/pen/K...

We will never forget..

Three years ago today the IDF carried out the Hannibal Directive, mass murdering their own people to bolster their pretext for the genocide in Gaza

This is exciting. 😍 CSS Mixins and Functions are features that will transform how CSS is written and shared and this makes them usable, today! I'd use these via `@import url(…) supports(not at-rule(@function));` otherwise you get no benefit in browsers that support functions/mixins natively.

Okay, here's some more fun with CSS-only custom elements - layout components! #html #css #webcomponents dev.to/stuffbreaker...

keith.is/post/digital...

Lately, I've been exploring CSS-only custom elements. They're pretty rad! #html #css #webcomponents dev.to/stuffbreaker...

This recent article by @bram.us announces a new web component, that is built on top of two superb exciting modern APIs. • CSS Custom Highlight API • OpaqueRange API These two will change the way we build for the web. This post is really worth reading. www.bram.us/2026/09/14/i... #web #css

🚀 Container style queries are baseline; New attr() capabilities are nearly there. Neat apart, but together they change how we can wire up components. Practice will make perfect, and I still need to rewire my brain for this combo. So, time to start that rewire. utilitybend.com/blog/contain...

Here is my fully documented HTML boilerplate. It is a lean, minimal and solid foundation I use across the sites I develop. Written mostly for me, because I'm sure to forget why I've done things the way I have, but I hope it is of use to you too. vale.rocks/posts/html-b... #HTML #WebDev

This is my mental model for it: Only custom elements (with a “-“ in the name) can be undefined, regular HTML elements can be known or unknown but they’re always defined.

The Israel ID system

https://aarongustafson.github.io/table-sortable/ from @aaron-gustafson.com is a very good web component!

Came across this fantastic post by Slava Shestopalov randomly while looking for something else medium.com/design-bridg... In the usability & web tech class we used to teach at MIT with @karger.bsky.social I’d give a lecture on graphic design that included this, but this is so much better presented.

I need this so much in all editors (particularly in browser based ones)

Respected friends and acquaintances, initial-scale is dead! We are freed of its tyranny. You no longer need to include it in your HTML head. It is an obsolete part of your head's meta viewport declaration. The details: vale.rocks/micros/20260... #WebDev #HTML

I don't think it's fair to post the home address of the Flock CEO online. instead we should have a website that tracks the exact position of his car at all times.

TIL the <samp> element: developer.mozilla.org/en-US/docs/W...

One of my favorite new-ish (and decently well supported) CSS features is the linear() function, and because of that, one of my favorite sites is easingwizard.com

Here is the 2026 edition of the HTML boilerplate I use for websites I build! Let me know if there's anything else I should consider including! matuzo.at/blog/2026/ht...

Kernel—Semantic HTML Components for React and Web Components, by @kejk@mastodon.design: https://www.kernelui.com/?ref=frontenddogma.com #websites #libraries #components

popover="hint" landed in Firefox 153. Here's how it differs from regular popovers: youtube.com/shorts/HWetx... (sorry for the YouTube link, it seems like video uploads are broken on bsky today)

Jelly UI is a dependency-free Web Components library for "soft, tactile product interfaces"... soft-body physics, with dark mode, right-to-left support and WCAG AA color tokens built in. #css #frontend #html #webdev jelly-ui.com

My friends, It's been 3 days without a single donation💔 Every £25 helps us put food on the table & cover the basic daily needs of my family. Your kindness is what keeps us going through the hardest days. If you're able to help or share,it would mean the world to us🧡 Help here: gofund.me/6c54d52fd

Ohhhh this has just been added to WebKit bugs.webkit.org/show_bug.cgi...

This is fantastic. The writing is superb and the interactive demos really help nail, understanding the concepts. polypane.app/blog/using-s...

Setting type like a printed page by @carmenansio.bsky.social #css

What Is Google’s Project Nimbus, and Why Are Students Protesting Against It?, by @thehindu.com: https://www.thehindu.com/sci-tech/technology/what-is-googles-project-nimbus-and-why-are-students-protesting-against-it/article71116615.ece/amp/?ref=frontenddogma.com #google #amazon #politics #ethics

Inspired by @meyerweb.com's talk at @cssday.nl I played with offset-path before, but somehow missed that we can use it with border-box and padding-box, making this so incredibly easy. I need to fix up the code a bit as it's kinda messy, but you can see it here: codepen.io/editor/kevin...

CSS field-sizing is newly baseline, meaning you can make various form fields size to their contents, without needing JavaScript.

headingoffset is Not the Document Outline Algorithm | Hi, just me heading off some bad advice I’m starting to see in developer venues. adrianroselli.com/2026/06/head...

Ever struggled to get heading tags right in includes/components? headingoffset could be the answer…

The design of this new API is so elegant. It repurposes keyframe animations so that our animation can run over a *scroll range* rather than running over a duration. 🔥 Here’s an interactive widget from the post, showing the core concept:

CSS style() queries landed in Firefox 151 making them newly available across engines. Here's how they work: