Bro what. You can make almost any element resizeable in #css with just the `resize` property and no JavaScript.

Bro what. You can make almost any element resizeable in #css with just the `resize` property and no JavaScript.
One of the things in my digital garden is this set of tutorials on webmentions:
https://reillyspitzfaden.com/digital-garden/tutorials/webmention-tutorial/
I noticed I kept writing blog posts about them (and realized I would probably keep doing that for a while!) and decided to put everything in one place.
You can use the table of contents (also a new site feature!) to hop around and choose the tutorial you want, and the first two are pretty easy even with only a small amount of HTML experience.
Animating to 'auto' sizes continues to be a trash fire in #css.
This property that might someday fix it is not supported in Safari or Firefox: https://caniuse.com/?search=interpolate-size
The I-have-no-time-and-this-is-stupid fix is that this has been a one-liner in jQuery since forever.
Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension. #CSS
Posted into Responsive Design, UX, UI, and more @responsive-design-ux-ui-and-more-mobileatom
Revolutionizing CSS: The Enhanced attr() Function in Chrome 133
The latest update to the CSS attr() function in Chrome 133 introduces groundbreaking capabilities, allowing developers to leverage HTML attribute values across various CSS properties. This enhancement...
https://news.lavx.hu/article/revolutionizing-css-the-enhanced-attr-function-in-chrome-133
Hiding elements that require JavaScript without #JavaScript
https://0xda.de/blog/2025/04/hiding-elements-that-require-javascript-without-javascript
I recently overhauled my website and when it was time to style the buttons I decided: nah, let's roll with browser defaults.
(I stuck with browser defaults for a lot of things.)
It looks good – I might even consider it great. It all works perfectly in light and dark mode, it's accessible, and it's less #css I need to send over the wire, maintain, etc.
This is almost certainly not the right way to do this, but damn it is cool that you can.
When I see @chriscoyier build stuff like this, I feel like I don’t actually know #CSS at all
https://frontendmasters.com/blog/container-query-for-is-there-enough-space-outside-this-element/
Sometimes the best tools are the simplest. This minimal "Copy to Clipboard" component demonstrates how far you can go with just standard web technologies. No build tools, no frameworks, no external dependencies—just a few lines of CSS and JavaScript. It works anywhere HTML works.
Ayllu v0.4 has been released!
#Ayllu is a code forge designed for performance, simplicity and hackability. The #AGPL-licensed project by Kevin Schoon can be considered a #SmallTech / #SmallWeb initiative.
You can find the Ayllu code, hosted on Ayllu at: https://ayllu-forge.org/ayllu/ayllu
Read all about new features in the release notes. Also, are you good at #UX and designing UI's with plain #HTML and #CSS?
Then how would you design the UI for #git blame, asks Kevin.
Fun what you can do with `linear()`, `sibling-index()`, invoker commands, `<dialog>` elements, `@starting-style`. #CSS https://sunny.garden/@knowler/114502776946163404
“Semantics should be defined in HTML. And styles and visual affordances should follow from there.”
An incredibly thorough and important post by @SaraSoueidan about the current state of CSS carousel (in)accessibility.
tl;dr – don’t use them (yet?)
#a11y #css
https://www.sarasoueidan.com/blog/css-carousels-accessibility/
Maybe this needs to be a daily series LOL
Here's my daily thanks to the #CSS gods for :not() AND :has() (both now my fav selectors)
Need to give extra spacing to an item with 3 or less children?
.parent-class:not(:has(:nth-child(4 of .child-class)))
Few companies are brave enough to take this stand:
"We’re fed up of working in an industry model that’s purpose is to make the Rich richer."
Way to go @piccalilli!