In this article, we will look at how to create a custom debounce hook with React.

How to create a shine effect with Tailwind CSS?

This article covers common problems using CSS floats and how to solve them using a block formatting context (BFC). Whether you are a beginner or an experienced web developer, you will learn valuable insights and practical solutions for dealing with CSS float issues.

This article goes through almost all of the changes of the last 3 years (and some from earlier) in JavaScript / ECMAScript and TypeScript.

Playwright is a reliable end-to-end testing tool for modern web apps trusted by thousands of developers. In this guide, we will cover how to use playwright for visual regression testing

Contradictory Patterns for Testable Designs

probabilistic data structure to check membership of an item in constant time and space

The top 20 CSS and UI features highlighted at Google I/O 2023 that you don't want to miss.

Several years ago, I made a plea to save scoped CSS. One of the top features on my CSS wishlist was on the chopping block, and despite a pretty big push from th

A well-built test suite runs faster, gives more reliable results, and makes long-term maintenance easier and cheaper. After thousands and thousands of end-to-end tests, we've picked up a few tricks to build fast, stable, and accurate ones. So come along and we'll teach you how to build automated tests the QA Wolf way.

In this article, we'll discuss Route Handlers in Next.js v13.2, the new features, and the Remix routing system.

In this post, learn how to diagnose and resolve the root causes of your errors when your React Native Android app keeps stopping.

I spend a lot of time in DevTools, and I’m sure you do too. Sometimes I even bounce between them, especially when I’m debugging cross-browser issues. DevTools

An in-depth article on CSS scroll snap, why to use, how it works, and lots of examples.

The scroll-behavior CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.

With Chromium 86 and now recently Firefox 85 supporting :focus-visible, it’s a good time to refer to this post by Matthias Ott: The :focus-visible pseudo-class lets you show focus styles only when they are needed, using the same heuristic that the browser uses to decide whether to show the default focus indicator. You use :focus-visible … Continue reading ":focus-visible Is Here"

Learn about CSS comparison functions min(), max(), and clamp()

A deep-dive into the new CSS subgrid feature with real-life examples and use-cases.

Anchor positioning might be one of the most exciting features coming to CSS. It is currently available under an experimental flag in Chrome Canary, and after playing with it for a bit, I couldn’t stop myself from sharing what I found. In this article, I will show you some of my experiments.

At Google I/O 2023 we announced Baseline, learn more about this initiative and why we think it's important.

Rebuilding Vox News featured section with modern CSS.

Fluid typography allows each font size in a modular scale to vary responsively between a min and max. Learn the math behind fluid typography and how to programmatically generate a fluid type scale with CSS clamp and Sass.

Coding email like it's 2023