Techreport blog

Engineering Insights & Guides

The best problem-solving writing in software engineering — databases, performance, security, frontend and distributed systems, in one feed.

11,839 articles
Frontend — Creating Web Widgets Using the Document Picture-in-Picture API

Creating Web Widgets Using the Document Picture-in-Picture API

The general idea is that we create a Document Picture-in-Picture window (DPIP window), and then we put HTML, CSS, and JavaScript into it. Creating Web Widgets Using the Document Picture-in-Picture API originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

DSDaniel SchwarzDaniel Schwarz·August 27, 2026Frontend
AI & ML — Making Your Data Ready for Agentic AI

Making Your Data Ready for Agentic AI

For thirty years we built data systems for human analysts, who supply the context, judgment, and skepticism to work around data that's incomplete or wrong. Autonomous agents supply none of that. They act on whatever they're handed, confidently. For data to be AI-ready we need to build a series of layers: a data foundation that makes data trusted, a context layer to apply proper meaning, and an acc

PSPramod Sadalage and Prem Chandrasekaran·August 27, 2026AI & ML
Frontend — animation-trigger

animation-trigger

The CSS animation-trigger property allows you to delay the start of a CSS animation until a specific trigger occurs. animation-trigger originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

SMSaleh MubasharSaleh Mubashar·August 26, 2026Frontend
Design & UX — Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions — Smashing Magazine

Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions — Smashing Magazine

Data visualisation sits at the intersection of two disciplines that rarely talk to each other: data and design. Meriem Benhabiles explores what changes when you bring structured UX thinking to dashboards and data presentations, from the questions you ask before opening any tool to the decisions that determine whether an insight actually lands.

MBMeriem BenhabilesMeriem Benhabiles·August 26, 2026Design & UX
AI & ML — The Agent Stack

The Agent Stack

Build production-grade AI agents with Vercel's Agent Stack. Connect to any model, run durable multi-step workflows, and securely link agents to your data and tools. Every building block you need, in one place.

VVercel·August 26, 2026AI & ML
Frontend — MicroLighter: Syntax Highlighter

MicroLighter: Syntax Highlighter

Syntax highlighting for code blocks without the complicated markup, spans, classes, and bloated JavaScript, courtesy of Uncle Dave. MicroLighter: Syntax Highlighter originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

GGGeoff GrahamGeoff Graham·August 25, 2026Frontend
Design & UX — Why Your Website Should Never Stop Changing — Smashing Magazine

Why Your Website Should Never Stop Changing — Smashing Magazine

Every website peaks on launch day and slowly drifts from there, not because it breaks, but because nobody has time to keep it current. Autonomous websites, continuously optimized by agents after launch, aim to change that. Pierre Burgy shares what they learned building for full website autonomy and the deeper design problem they uncovered along the way.

PBPierre BurgyPierre Burgy·August 25, 2026Design & UX
Frontend — WordPress PHP-Only Block Registration

WordPress PHP-Only Block Registration

Seven and half years after blocks arrived in Core, WordPress introduces a way to build blocks without React annd build pipelines. All you need is PHP. WordPress PHP-Only Block Registration originally handwritten and published with love on CSS-Tricks . You should really get the newsletter as well.

FKFränk KleinFränk Klein·August 24, 2026Frontend