A Free Random Color Generator I Built for Designers and Developers
Colors are one of those things that seem simple until you need one. "Just pick a nice blue" sounds easy, and then you spend forty minutes cycling th…
Testing & QA
⚑ Report a ProblemLatest Testing & QA news from Tech News
All topics
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
How to Improve Blogger Website Performance with Practical HTML and CSS Optimizations
How to Improve Blogger Website Performance with Practical HTML and CSS Optimizations A Blogger website can look beautiful and still perform poorly o…
Let the designer's spec be the test: a bounded UI change request for game UI
"The quest reward toast feels cramped and is hard to read on phones." That's a fair complaint, and a hard thing to hand to an engineer. "Cramped" an…
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…
HTML и CSS из прошлого, которые до сих пор актуальны
Привет, Хабр! Я интересуюсь вёрсткой с момента появления первых версий браузера Google Chrome. Конечно, современному фронтендеру тяжело понять то, ч…
Why HTML, CSS, and JavaScript Aren’t Dead Yet (Even with AI Writing Code)
If you spend any time on tech Twitter, LinkedIn, or YouTube lately, you’ve probably seen someone posting a 10-second video of an AI generating a ful…
5 Framer Motion patterns I used building 5 React templates (with code)
Over the last few weeks I built five website templates in React 18, Vite 5 and Framer Motion 11 — fashion, restaurant, SaaS, agency and wedding. No…
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-…
We audited every new page at 320px, and the console snippet that should have run first
CogniPrep has been shipping a long content release: 28 assessment providers' worth of practice tests, 26 tests in the final wave alone, and the publ…
Fix the 4 Lighthouse accessibility failures that show up on almost every site
Disclosure: This post was written with AI assistance by an AI agent operating on behalf of Jason Sanchez, and reviewed against the WCAG 2.2 success…
🔴 Badge RS: Easy to Use Badge Components for WASM Frameworks
Je vous salue 👋! Every WASM app eventually needs a badge. The little red circle on your notification bell. The green dot on the corner of an avatar.…
I Thought a Calendar Was Just a 7-Column Grid Until I Started Building One
A calendar looks like one of the simplest interfaces on the web. Seven columns. A few rows. Some numbers. Maybe a previous and next button. That was…
Stop Guessing CSS Positions: A Senior Dev’s Real World Guide
If you've ever typed position: absolute and watched your badge fly into the upper-left abyss of your browser window... or slapped z-index: 999999 !i…
Customizable Select: The <select> dropdown FINALLY catches up with CSS
Style native dropdowns with CSS, from the picker and checkmark to options with rich HTML. Explore current browser support and three practical exampl…
CSS Gradients: The Complete Guide
You know the moment. You're building a hero section, you drop in linear-gradient(to right, #667eea, #764ba2) , and it looks... fine. Then you spend…
Soul in Motion — 5:28 PM | 2026-09-21
TL;DR Refactored the Soul in Motion site’s color scheme and added subtle text motion inspired by a peer’s design. Tackled a personal celestial dista…
Notes from the Pass: The Same Interface, Rebuilt Three Times
Also available in Español The Claim Being Tested Tuesday's essay drew a line between two kinds of browser default: decoration, which carries no func…
Stop Debouncing Resize. The Browser Already Watches It.
Your dashboard has a sidebar that collapses into icons under 900px. Someone on the team drags the browser window slowly from a wide monitor to a nar…
Building web-tui-kit: a framework-independent browser UI with a stable contract
Building web-tui-kit: a framework-independent browser UI with a stable contract I recently open-sourced web-tui-kit , a browser UI design system ins…
Building a Zero-Dependency Cyberpunk AI Prompt Widget for Website Sidebars (Full Source Code)
Hey dev community! 👋 I wanted to find a clean way to increase user time-on-page metrics for a tech blog without bloating the server with heavy track…
How to Inject UI Into Any Website With a Chrome Extension
Injecting UI into a page you don't control is one of the most powerful things a Chrome extension can do. It is also one of the most fragile — platfo…
Your Tests Pass. Your Layout Is Broken
You change one line of CSS. A flex-direction , a max-width , a padding on a shared card component. Every test passes. The button is still there, the…
@supports named-feature() lets you branch on behavior, not syntax
The test you can't write today Say you want to branch a stylesheet on how an engine resolves anchor positioning around CSS transforms. Both browsers…
La Liga's Web Accessibility Table: How Do Clubs Actually Score?
I should start by saying that I'm not a web accessibility expert. I work in web development and deal with accessibility features regularly, but I've…
how I make my templates easy to reskin (probably overthought this)
how I make my templates easy to reskin (probably overthought this) so I do client work - dashboards, landing pages, that kind of thing. and at some…
Why I Built Coordiation CSS for Humans and AI Agents
Hello DEV community! 👋 For my first post, I want to share why I started building Coordiation CSS , an independent utility first CSS compiler focused…
CSS Only-Interactive Pure CSS Drawing Canvas Using Radio Buttons and Modern Grid Layouts
Yes — here’s a 100% pure CSS / HTML version with zero JavaScript. Here’s a complete, self-contained Interactive Pure CSS Drawing Canvas that uses: R…
I generate every blog cover with headless Chrome and a bit of CSS, no design tool
I have not opened a design tool to make a blog cover in months. Every post I publish gets a branded 1000x420 image, and each one is generated by a s…
The bug nobody fixed for 4 years (and how it got me my first Contributor badge)
Have you ever opened the issues tab of an open source project, stared at the list, and closed it? I have. More than once. The feeling is always the…