~frontendfocus | Bookmarks (4)

Interaction to Next Paint is Now Officially a Core Web Vital — It has now replaced First Input Delay. Here’s a quick recap of what’s now changed along with some resources to help you find and fix INP issues.

'Interaction to Next Paint' Becomes a Core Web Vital on March 12 — INP, described as a "better way to measure interaction responsiveness", will replace First Input Delay (FID) next month. Here the Chrome team shares how to prepare for this metric change, and what to expect once the change takes effect.

5 CSS Snippets Every Frontend Developer Should Know in 2024 — Adam did this last year, and it proved very popular, so he’s back with more toolbelt worthy, powerful, CSS tips that you need to know (including nesting, sub grid, container query units, etc), all of which you can use today.

01: Six CSS Snippets Every Front-End Developer Should Know in 2023 — This look at a half-dozen toolbelt worthy, powerful, and broadly cross-compatible CSS techniques (including logical properties and container queries) proved very popular, and was the top link shared in Frontend Focus last year. Everything remains relevant in 2024 too, of course! 😏