Nested Media Queries
Using media queries in CSS as part of responsive websites is bread and butter stuff to today’s front-end developer. Using preprocessors to make them more comfortable to write and easier to maintain has become common practice as well. I spent a few months experimenting with a dozen different approaches to media queries in Sass and actually used a few in production.
Lightweight Form Validation with Alpine.js and Iodine.js
On Auto-Generated Atomic CSS
Robin Weser’s “The Shorthand-Longhand Problem in Atomic CSS” in an interesting journey through a tricky problem. The point is that when you take on the job of converting something HTML and CSS-like into actual HTML and CSS, there are edge cases that you’ll have to program yourself out of if you even can at all. In this case, Fela, turns CSS into “atomic” classes, but when you mix together shorthand and longhand, the resulting classes, mixed with the cascade, can cause mistakes.