Chris Coyier on

Color Picker with Display P3

One of my recent moanings-and-groanings is the fact that seemingly no color-picker supports Display P3 colors. Display P3 allows you to use far more vivid colors then we’ve historically had access to in CSS, but now are totally supported in CSS through newer color functions like oklch(). Not even the built-in color picker to macOS. […]

Chris Coyier on

Gap is the new Margin

In 2020, Max Stoiber wrote the 🌶️ spicy Margin considered harmful. On one hand, it seems silly. The margin property of CSS is just a way to push other elements away. It’s very common and doesn’t feel particularly problematic. On the other hand… maybe it is? At least at the design system component level, because […]

Chris Coyier on

iOS404

Have you ever heard someone lament about how Safari on iOS is so far behind? Or is missing features? Or heard people talk about how unfair it feels that Apple doesn’t allow third-party browser (engines)? They say that in part because it literally feels unfair, but also because other browsers do actually support the specific […]

Chris Coyier on

500 Mile Email

Have you heard the story of the 500 mile email? It’s a facinating story about someone on a college campus who could only send an email around 500 geographical miles. It sounds absurd, but it ended up being true! Harley Hicks has started a brand new site/newsletter named after this famous debugging story in order […]

Chris Coyier on

Node.js Debugging in Chrome DevTools

I was pairing with my co-worker last week. They had a super different debugging style than I do. I’m aware that I can do fancy things in DevTools, like set breakpoints and whatnot right from within DevTools and use well-placed debugger; statements to halt JavaScript execution and inspect things at that point. But I hardly […]

Chris Coyier on

Node.js: The Documentary

I enjoyed watching Honeypot’s recent Node.js Documentary. Props to Honeypot for taking the time and resources to do these historical dives into some of our industries most major technologies. I like seeing the human side of these things. I feel like if too much more time passed, documentaries like these would get a lot harder […]

Chris Coyier on

Proposal for Signals

The JavaScript architectural pattern of “signals” has really had a moment in the last year. There are lots of frameworks that have adopted it as the predominant way to declare and respond to variables that change across componentry. Web standards bodies, at their best, notice things like this and step in to help bring them […]

Chris Coyier on

Text Effects

Looks like Mandy Michael has been busy lately! I’m just seeing her fairly new Text Effects site, which has a growing collection of cool looks for text with demos and tutorials (GOLD!). Then I noticed her Variable Fonts site has kind of joined the fray with a similar design and a third site, Text Lab as […]

Chris Coyier on

A Quick Command To See the Available Scripts

Have you ever been like, ughkgh, is it npm run dev or npm run start? Is it yarn testwatch or yarn test:watch? If you do it every time you open a project, I’d suggest setting up tasks. But I mean more for one-off or less frequently used scripts. I’m forever forgetting the exact scripts from […]

Chris Coyier on

Tower vs. GitHub Desktop

I’m a GUI guy when it comes to using Git. I like to click over to a native app and immediately see useful things. Like a list of files that were changed in the repo I’m actively working on, on the branch I’m actively working on. This feels efficient and productive to me. I can […]