React v18.0 has broken ground by introducing a long-awaited feature: Concurrency! Unfortunately, despite a deluge of resources explaining how to use it, explanations of how it works are sparse. As it is a low-level feature, it’s not critical to understand React’s idea of concurrency, but it doesn’t hurt!
Solving Media Object Float Issues With CSS Block Formatting Contexts — Smashing Magazine
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.
Complete guide on Playwright visual regression testing - Lost Pixel - holistic Visual Regression Testing cloud
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
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
So you want to build end-to-end tests like a QA Wolf | QA Wolf
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.
Some Cross-Browser DevTools Features You Might Not Know | CSS-Tricks
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
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"
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.