There is a helluva gotcha with styling a <details> element, as documented here by Kitty Guiraudel. It’s obscure enough that you might never run into it, but if you do, I could see it being very confusing (it would confuse me, at least). Perhaps you’re aware of the shadow DOM? It’s talked about a lot […]
You might already know about the CSS gap property. It isn’t exactly new, but it did gain an important new ability last year: it now works in Flexbox in addition to CSS Grid. That, and the fact that I …
Here’s a common thought and question: how do browsers prioritize what they work on? We get little glimpses of it sometimes. We’re told to “star issues” in bug trackers to signal interest. We’re told to get involved in GitHub threads …
It’s not every day that a new pattern emerges across the web, but I think cmd + k is here to stay. It’s a keyboard shortcut that usually pops open a search UI and it lets you toggle settings on …
Have you ever been in a situation where you wish you could have some control over the values in an object or array? Maybe you wanted to prevent certain types of data or even validate the data before storing it …
Blogging about HTML elements¹? *chefs kiss*
Here’s Ben Myers on the (aptly described) “underrated” Definition List (<dl>) element in HTML:
…You might have also seen lists of name–value pairs to describe lodging amenities, or to list
What? Jamstack Conf! It’s the best! Learn what’s happening and what’s next for this hot ecosystem.
When? October 6–7, 2021
Where? Virtual / online.
How much? It’s free! There are workshops as well though, at $100 a seat.
Who? You! …
The overscroll-behavior CSS property controls whether an element will use “scroll chaining” or not. You have likely experienced this behavior before and perhaps took it for granted that scrolling works like this on the web! If you are inside of …
There is a conversation that has been percolating for as long as I’ve been in the web design and development industry. It’s centered around the conflict between design tools and development tools. The final product of web design is often …
Browse through Dribbble or Behance, and you’ll find designers using a simple technique to add texture to an image: noise. Adding noise makes otherwise solid colors or smooth gradients, such as shadows, more realistic. But despite designers’ affinity for texture, …
.element { mask-composite: subtract; }
.element { accent-color: #f8a100; }
