JSR

By Chris Coyier on

Deno is getting in on the package registry business with JSR (“JavaScript Registry”). The name should help people understand it’s not Deno-specific, but instead built to support the ever-growing number of JavaScript runtimes. There isn’t much public information (it’s waitlisted), but David Bushell was able to take it for a spin.

Real-World Usage of content-visibility

By Chris Coyier on

Jeremey Keith uses the little-used CSS property content-visibility to improve the performance on a fairly heavy page. It works a treat. I did a before-and-after check with pagespeed insights on the page for Out On The Ocean. The “style and layout” part of the main thread work went down considerably. Total blocking time went from more than 600 […]

Syntax Highlighting with no spans?!

By Chris Coyier on

When I think of showing off syntax highlighted code on the web, I think of code that takes in a string of code, finds relevant substrings (tokens) with elaborate RegExes, then wraps them in <span>s with classes to that color can be applied to those classes. This is quite literally how it works. The really […]

The EditContext API

By Chris Coyier on

I hadn’t heard of the EditContext API at all, but apparently it’s landed in Chrome already. Aaron Iker has a nice thread on it. Using a <textarea> or the contenteditable attribute on HTML elements offers a pretty limited text editing experience. Some fancy text editing components actually hide the original editable element, which is part […]

Scroll-Locked Dialogs

By Chris Coyier on

I just wrote about the <dialog> element, with some basic usage and things to watch for. It’s a great addition to the web platform. Here’s another interesting thing we can do, connecting it to another one of my favorite new things on the web platform: :has(). (You can see I’ve been pretty into it lately.) […]

The Linear Look

By Chris Coyier on

If there is any one web design style trend that is dominant right now, it’s The Linear Look, as Alex Trost shows off here.

Global Design System

By Chris Coyier on

A global design system is what Brad Frost says we need to save the world from unnecessary repeat (and error prone) work. Dave Rupert and I spoke with Brad on ShopTalk all about it. I still had some questions (you know I’m big on asking questions!), and Brad’s going to think on them. I feel […]

Building a TODO App from Scratch — Step 2 — HTML

By Chris Coyier on

OK it’s HTML time! I love HTML time. We’re laying down a foundation that makes everything feel very real. Is HTML jumping the gun? Nah. The reason that we can jump to HTML right away is that it is common to any other future choice we make. As I mentioned, we might just stay in […]

The Case For Design Engineers

By Chris Coyier on

I like the case Jim Nielsen makes here in Part 2 of his series on why a role of “Design Engineer” makes a lot of sense. You’re given a design with a note: the dividing line between these two containers should be interactive so the user can drag to resize the respective containers on either […]