A screenshot that fails on its own: pin the data, not the pixel
A “flaky” visual test is almost never the pixel comparator. It is the page changing by itself between two captures — and the diff, correctly, points…
Testing & QA
⚑ Сообщить о проблемеПоследние новости Testing & QA от Tech News
Все темы
agents
ai
api
architecture
automation
backend
beginners
career
claude
cybersecurity
devchallenge
devops
discuss
javascript
llm
machinelearning
mcp
node
opensource
performance
productivity
programming
python
security
showdev
softwareengineering
testing
tutorial
typescript
webdev
简单是复杂的结果
<!DOCTYPE html> 纯中文 Web 4.0 文明社会活动演化模型 <br> * { box-sizing: border-box; margin: 0; padding: 0; }<br> body { background-color: #060…
AI Can Build Your React UI in Seconds. What About the Backend?
A few weeks ago, I opened Cursor and gave Claude a single prompt: "Generate a modern task management dashboard with filtering, search, pagination, a…
Component Architecture & Design Systems
⚡ TL;DR: Kill the Button with thirty boolean props by favoring composition over configuration . Split presentational from container components, set…
Beyond JSX: Modern Patterns for Building Scalable React Apps
Beyond JSX: Modern Patterns for Building Scalable React Apps React has been the go‑to library for front‑end development for nearly a decade, but the…
Your Pixel-Perfect Tests Have a Trust Problem
Someone updates the product page. The visual test reports 47 differences. Most of them are timestamps, an animated banner, and a font rendering chan…
From BEM to BE.M — A CSS Naming Convention Built for Component Libraries
Originally published on LinkedIn . I'm gradually migrating my LinkedIn articles over to DEV — this is the first one. BEM was designed for page-level…
The iPhone Duo Web Checklist: 9 Things to Verify Before October 23
In September, a post titled "Dear God websites look horrible on iPhone Duo" climbed to the top of r/webdev. Two screenshots and one complaint: with…
Why Some SaaS Websites Feel Custom Even When They Use Familiar UI Patterns
Most SaaS marketing sites are built from a familiar set of ingredients. A hero section. Product screenshots. Feature cards. Social proof. Pricing. A…
Building My Developer Portfolio with React and Vite
As I continued learning software development, I realized that building projects is only part of the journey. I also needed a place where people coul…
Color Contrast in Accessibility
Color alone should never carry information. Users with color blindness—or anyone using a phone in bright sunlight—need sufficient contrast and alter…
Server State vs Client State in React: Why TanStack Query Changes Everything
title: "Server State vs Client State in React: Why TanStack Query Changes Everything" published: true published_at: "2026-11-18T09:00:00+05:30" desc…
Why your photo-to-PDF pages come out in the wrong order (and how to sort them in the browser)
If you've built an "images to PDF" feature, you've probably had this bug report: "I picked page 1, 2, 3, 4 and the PDF came out 3, 1, 4, 2." Nothing…
Bridging the Gap: Enhancing Frontend Skills for Backend Developers Through Design and Structure Understanding
Introduction: Bridging the Backend-Frontend Gap For backend developers, transitioning to frontend development often feels like stepping into unchart…
React.js ~Testing Accesibility of Fragment Refs~
Testing Accessibility with Fragment Refs In my previous post, I introduced Fragment Refs. A reader pointed out that removing wrapper elements is nic…
Application CSS must not use transition: all (Web HIG tip #6)
transition: all looks convenient until a new property starts animating and the UI jumps in ways you never meant. Web HIG tip #6 (Quick #85, HIG-MOT-…
Syncing localStorage to a Server Without Losing Data: Merges, Revisions, and Account Switching
I'm building a small web app where users practice exam questions. While practicing, they build up two lists: questions they bookmarked and questions…
Vue Vapor Mode: what it is and what changes in Vue 3.6
Vue 3.6 is not stable yet. As of October 6, 2026, the latest version is 3.6.0-rc.10 (September 30), and the stable release is still 3.5.43 (Septembe…
Prove native <dialog> focus trapping and restoration with a browser test
Test observable behavior, not a focus model A JavaScript object can simulate modal focus perfectly while the real page is broken. This fixture expor…
Cache Storage API
The Cache Storage API: Your Website's Secret Weapon for Blazing Speeds and Offline Awesomeness! Ever felt that frustrating lag when a webpage loads,…
Trying Loupe in a web app: install and integration notes
Loupe is a browser document viewer for apps that need PDF, Word and images in the same workflow. You supply the toolbar and layout; the package hand…
FP16 Quantization Made Our In-Browser Real-ESRGAN 4.8x Faster — and Nearly Destroyed Our Inpainting Model
We run super-resolution and watermark removal entirely in the browser at ClearPix, using ONNX Runtime Web on WebGPU. This post is the writeup of one…
A chat widget that runs on websites: what we had to get right
I'm Elena, CMO at Chatim . We make a live chat and AI chatbot widget for small business websites, and this is our first post on DEV. I handle market…
Building a Private PDF-to-JPG Converter with Next.js and PDF.js
I built Free PDF to JPG Tool to make converting PDF pages into images easier, without requiring registration, installing software or uploading docum…
How to Test Slow APIs and Network Latency in Frontend Applications
I once pushed a frontend feature to production that I thought was completely bulletproof. On my MacBook connected to high-speed fiber Wi-Fi, every A…
Empty is a result. Loading is a state.
The result element exists. It even contains text. Unfortunately, the text says Loading... instead. The check is green before the useful result has a…
Do we Need More AI Accessibility Scanners?
No. We already have a lot. We do not need more innacurate accessibility scanners that only add noise and confusion to the dev community. If you want…
Why Your Website Feels Slow Even When Your PageSpeed Score Looks Good
A website can have a decent PageSpeed score and still feel slow to users. This happens because performance isn’t just about one number. One metric w…
Top 8 Modern UI Libraries & Motion Engines Every Developer Should Know (Part 2)
Welcome to Part 2 of our breakdown of modern frontend UI tools! In [Part 1], we covered foundational platforms like Shadcn, Magic UI, DaisyUI, HeroU…
Vite+ — Chapter 4: Vite+ at Scale — Monorepos, Tasks, Caching, and CI
In the previous chapter, we used Vite+ for a normal application: vp dev vp check vp test vp build That workflow is already useful. But there's anoth…