CodePen

I coded a thingy the other day and I made it a web component because it occurred to me that was probably the correct approach. Not to mention they are on the mind a bit with the news of React 19 dropping with full support. My component is content-heavy HTML with a smidge of dynamic […]... read more

Typography stuff! I can’t help it, it’s a part of me. I bookmark great looking new typefaces (according to me) when I see them released or are just seeing them for the first time. Here’s some! Roslindale I think they are kiping this slogan from Caslon and it’s awfully bold to do so. I’m cool […]... read more

We’ve been using Cascade Layers in our CSS here at CodePen quite a bit lately. A pretty clear non-complicated use case is that we tend to apply one class to stuff. That includes a “library” component. So imagine the prototypical Button, which would have a .button selector applying styling to it. But... read more

Let’s talk HTML this week. The 2024 HTML Survey results are published, so that’s as good a reason as any. I’m a bit too daft to extract anything terribly interesting from the results themselves, but the survey itself acts as a sort of list of things we all might do well to at least be […]... read more

I’m so envious of Paul Hebert’s Generating Random Mazes with JavaScript. Paul designed a random maze generator in some pretty easy to reason about JavaScript. It’s on CodePen, naturally. I’m envious because I love mazes. I’d draw them constantly as a kid. The square corner ones or weird wobbly organ... read more

Kristen’s classification of the four eras of JavaScript frameworks feels intuitively correct. A further simplification is essentially: 1. jQuery 2. Backbone 3. React 4. Next.js. Those were the big names from the eras and the similar technologies feel like obvious siblings. It’s easy to point at shor... read more

Sometimes a good ol’ list is what we need. I know, I know, this is forever true. But as my friend Dave is wont to say: eliminate nuance. The world doesn’t need nuance on if you should label your inputs by matching the for attribute of the label with the id of the input. You […]... read more

Let’s do CSS stuff this week. Why not — kinda my thing. Did you know Alvaro Montoro has a whole site of comics on the subject of CSS? There is a lot of satire in there, which I really enjoy. So they changed CSS nesting a bit. I heard that the usage of it was […]... read more

I love the little typographic thing where if you’re reading a block of text that is in italics, that when an italic word is needed within that, it is unitalicized (like that). I’ve seen that expressed in CSS like: That’s probably smart to have, but not all italics are necessarily within an <em&gt... read more

If you were in charge of the curriculum at a college teaching web development, would you ensure the curriculum was regularly updated with bleeding edge technology? Or would you establish a slower moving curriculum with tried and true technologies? That’s tough. You can’t just flip a coin. It may be ... read more