Open Graph Image Sizes and Dimensions: The Complete 2026 Guide
When you paste a link into Slack, X, or iMessage and it unfurls into a rich card with a big image, that image comes from your page's Open Graph tags. …
Testing & QA
⚑ Report a ProblemLatest Testing & QA news from Tech News
All topics
agents
ai
api
architecture
automation
aws
beginners
career
claude
cybersecurity
database
devchallenge
devops
discuss
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
security
showdev
softwareengineering
testing
tutorial
typescript
webdev
How to E2E Test SendPigeon Email Workflows in Playwright
When you integrate SendPigeon into your app, you get three stages of email testing. Each stage solves a different problem. This guide walks through al…
Why PDF generation breaks in production (and why localhost lies)
PDF generation is one of those things that works perfectly… until real users touch it. On localhost: npm run dev Open Chrome → print → PDF. Done. Then…
TypeScript Without tsc in 2026: Type-Stripping in Node.js 24, Bun, and Deno Compared
TypeScript Without tsc in 2026: Type-Stripping in Node.js 24, Bun, and Deno Compared The End of tsc: Why Type-Stripping Changed Everything in 2026 Mos…
Stop Parsing PDFs at Render Time: A Better Architecture for Structured Extraction
TLDR: The reason most frontend PDF extraction is wrong is that developers try to infer document structure from the rendered visual output instead of f…
Handling Shadow DOMs in Agentic Scraping Workflows
TL;DR Web components encapsulate UI and data inside Shadow DOMs, hiding it from standard parsers like BeautifulSoup and document.querySelector . To ex…
The Day AI Argued With MDN (And Lost)
AI coding assistants have changed how we write software. They generate components, explain APIs, write tests, and even review pull requests. But there…
Frontend Status: свежий дайджест фронтенда и AI — 15.06.2026
Привет! Это 18 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Экосистема TanStack кажется бесконечной, а browser gaming …
Frontend Status: свежий дайджест фронтенда и AI — 15.06.2026
Привет! Это 18 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Экосистема TanStack кажется бесконечной, а browser gaming …
TypeScript 6.0 Released: The Last JavaScript-Based Version — New Features, Breaking Changes, and Migration Guide
TypeScript 6.0 Released: The Last JavaScript-Based Version — New Features, Breaking Changes, and Migration Guide TypeScript 6.0: The End of an Era and…
How I Built a Zero-Dependency Token Compressor for AI Coding Agents (During My High School Exams)
as developers, we are spending more and more time working alongside AI coding agents like Cursor , Claude Code , GitHub Copilot , Windsurf , or Cline …
I built a JS/TS runtime in Rust where nothing runs without your permission
Last week I shipped v2.0.2 of 3va — a JavaScript and TypeScript runtime written in Rust. Here is why I built it and what makes it different from Node.…
I built a JS/TS runtime in Rust where nothing runs without your permission
Last week I shipped v2.0.0 of 3va — a JavaScript and TypeScript runtime written in Rust. Here is why I built it and what makes it different from Node.…
OTP Verification in Playwright Without Regex
Every developer who has written a Playwright test for OTP verification has written this line: const otp = email . body . match ( / \b\d{6}\b / )?.[ 0 …
Why recording video in the browser is harder than it looks
Hey folks! In this article, I want to share our experience building a screen recorder inside the browser. The product is Browser Recorder , a Chrome e…
Build scrub-bar thumbnail previews with FFmpeg and a WebVTT sprite
TL;DR We're going to add hover-preview thumbnails (the little image that follows your cursor on a video scrub bar) to a player. Backend is one FFmpeg …
LLM Cost Optimization: How We Cut Reply Generation from $0.011 to $0.0009
When we shipped the first version of AI-generated replies for HelperX , each reply cost us about $0.011 in API spend. That sounds tiny until you multi…
# I Built a Full Stack Academic Management System for My College — Here's How
I Built a Full Stack Academic Management System for My College — Here's How For my B.Tech final year project, me and my team built Student Sphere — a …
How to Build One Web App That Works on iOS, Android, and Desktop
I was working on a project a while back where the users had to use the app in three different places. They needed to use it on desktop computers at th…
I built an offline wiki that fits in a single 19 KB HTML file
I kept hitting the same wall looking for an offline wiki. Kiwix is great, but it's an app plus multi-GB ZIM files. IPFS needs connectivity and setup. …
Bun rewrote itself from Zig to Rust using an LLM in 9 days. That should terrify you.
A major runtime just got machine-translated to a completely different language and merged in under two weeks. Let me say that again slowly. Bun, the J…
[Перевод] Немного магии: как устроен API фикстур в Playwright
Playwright использует довольно необычный подход в реализации своего JavaScript API для фикстур. Чтобы понять, как это работает, мне пришлось заглянуть…
Generating valid .ics calendar feeds at build time
A few weeks ago I shipped a feature I'd been putting off because it felt like it needed a backend: subscribable calendar feeds. "Add this holiday to G…
Why I Replaced a Node.js Service with 30 Lines of Bash — and When You Shouldn't
A few months ago I had a small job to automate: every day, take a list of URLs from my site and notify Google and Bing that they'd changed, so new pag…
I built an SEO-first internet radio site — and learned why `curl` can't validate audio streams
I recently built Radio Balkan — a single-page web player that puts 750+ Balkan radio stations in one place: no ads, no sign-up, no cookie banners. It'…
JSONata Explained: Query and Transform JSON Without the Boilerplate
Working with complex JSON payloads can quickly become a nightmare. You end up chaining .map() , .filter() , and .reduce() calls across multiple lines …
Behind the Green Tests: My Honest HNG Internship Experience
Over the past two years, I've been a laravel developer. I've been so stuck with this framework that I felt like I didn't know much about actual progra…
MediaPipe Hand Tracking & Face Detection in JavaScript
A beginner MediaPipe JavaScript example: build a rainbow drawing app in the browser. No npm, no backend, one HTML file. Try the live demo What You'll …
Idempotency Is More Important Than You Think
Most developers don't think about idempotency until production breaks. That's not because idempotency is an advanced concept. It's because everything …
The Best JavaScript Slider Library? Introducing Pagiflow: A Zero-Dependency, High-Performance Carousel
Have you ever noticed how quickly a web page's performance can drop when you add a slider or carousel? For years, web developers have had to choose be…