A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

CSS has introduced functions so authors can encapsulate and reuse property behaviors across their style sheets without duplicating the code or polluting the DOM with single-use intermediate --_variables1.

Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

Chrome 149 upgrades shape-outside to support rect() and xywh() (now Baseline) as well as path() and shape() (no other web browsers support these ones).

Chrome 149 becomes the first to implement CSS Gap Decorations.

The @counter-style at-property in CSS helps us shift from browser defaults to user-defined web styling for list markers. Like instead of the bullet-points of unordered lists and numbers of ordered lists, you can define any marker glyphs you want. But it’s…

In the last article, we covered a few ways for generating character strings to be used for data obfuscation. We looked at the counter style systems: symbolic, alphabetic, and numeric. Now, let’s get into even more uses of @counter-style and discover additional…

Short story: `pipeline()` over `.pipe()` and destroy what you create.

Here's a brand new approach to creating staggered animations in CSS using a single progress value, allowing for smooth linkage to various inputs like scrolling. By utilizing a mathematical formula, it enhances control over animated elements without isolating…

Safari TP 245 ships the :host:has() CSS compound selector.

Each pseudo element plays a distinct role in how the view transition animates. The browser does most of the heavy lifting though, which makes it a little hard to see what’s actually happening under the hood.

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

Using our 3, 2, 1 state system, we can make popovers animate on

This has been a long time coming, and I could not be more excited it’s finally here. And I know exactly who to thank for it. Our customers have been telling us to do this for a while now: Probably don’t call it Frontend anymore, you have a lot more offerings.…

Safari TP 246 adds support for <image> values in light-dark() and three or more values in color-mix() (lacks Chrome support).

There are some real advantages to variable scope and evaluation scope that you get with @function in CSS.

View Transitions are of unique help in applying an animation to an element even when you are literally removing it from the DOM.

Combine three new CSS features to build fully adaptive themed components.

Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

A tour through Read Committed, Repeatable Read, and Serializable, and why the same three words guarantee completely different things depending on which database you ask.

Let’s take a look at a quite new CSS feature: Gap Decorations. As its name suggests, it allows us to decorate gaps across different layout types (e.g., flexbox, grid, and multi-column). With a few lines of code, you can easily add decorative lines between…