Color Picker with Display P3

By Chris Coyier on

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. […]

Gap is the new Margin

By Chris Coyier on

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 […]

iOS404

By Chris Coyier on

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 […]

500 Mile Email

By Chris Coyier on

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 […]

Node.js Debugging in Chrome DevTools

By Chris Coyier on

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 […]

Node.js: The Documentary

By Chris Coyier on

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 […]

Proposal for Signals

By Chris Coyier on

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 […]

Text Effects

By Chris Coyier on

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 […]

A Quick Command To See the Available Scripts

By Chris Coyier on

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 […]

Tower vs. GitHub Desktop

By Chris Coyier on

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 […]