Techreport blog

Engineering Insights & Guides

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

11,670 articles
Frontend — Anchor Positioning Quirks

Anchor Positioning Quirks

I am thrilled to say, that from this week onwards, the CSS-Tricks Almanac has an entry for each property, function, and at-rule related to the new Anchor

JDJuan Diego RodríguezJuan Diego Rodríguez·September 10, 2024Frontend
Design & UX — Sanding UI

Sanding UI

Jim hit a snag while working on a form. Placing labels next to inputs is trivial with flexbox, sure, but what happened in Jim's case was a bit of

GGGeoff GrahamGeoff Graham·September 10, 2024Design & UX
SRE & Ops — Simulator-based reinforcement learning for data center cooling optimization

Simulator-based reinforcement learning for data center cooling optimization

We’re sharing more about the role that reinforcement learning plays in helping us optimize our data centers’ environmental controls. Our reinforcement learning-based approach has helped us reduce energy consumption and water usage across various weather conditions in our data centers. Meta is revamping its new data center design to optimize for artificial intelligence and the […]

CWChris Wiltz·September 10, 2024SRE & Ops
AI & ML — Why Anticipatory Design Isn’t Working For Businesses — Smashing Magazine

Why Anticipatory Design Isn’t Working For Businesses — Smashing Magazine

Anticipatory design, powered by Artificial Intelligence (AI), Machine learning (ML), and Big Data (BD), promises to transform user experiences by predicting and fulfilling needs before users even express them. While this proactive approach seems revolutionary, many businesses struggle to meet the high expectations it sets. Joana Cerejo delves into the challenges of anticipatory design, highlights

JCJoana CerejoJoana Cerejo·September 10, 2024AI & ML
Frontend — The Undeniable Utility Of CSS :has

The Undeniable Utility Of CSS :has

Of all the latest and greatest CSS features, the “:has” pseudo-class wasn’t exactly at the top of my wishlist. Once I started using it, however, I kept discovering incredible things I could do with it. It’s now become a core part of my toolkit! In this blog post, I'll show you some practical real-world problems I solved using “:has”, as well as some wild experiments that blew my mind!

JWJosh W. Comeau·September 9, 2024Frontend
Distributed — Governing data products using fitness functions

Governing data products using fitness functions

Decentralized data management requires automation to scale governance effectively. Fitness functions are a powerful automated governance technique we've applied to data products within the context of a Data Mesh. Since data products serve as the foundational building blocks (architectural quanta) of a data mesh, ensuring robust governance around them significantly increases the chances of a succes

KPKiran Prakash·September 5, 2024Distributed
Frontend — Sticky Headers And Full-Height Elements: A Tricky Combination — Smashing Magazine

Sticky Headers And Full-Height Elements: A Tricky Combination — Smashing Magazine

Sticky positioning is one of those CSS features that’s pretty delicate and can be negated by a lot of things, so here’s another one to add to your mental catalog: Sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height, like `100vh`. Philip Braunen explores why this happens and presents a solution to fix it.

PBPhilip BraunenPhilip Braunen·September 5, 2024Frontend
Engineering — Another Stab at Truncated Text

Another Stab at Truncated Text

Seems like we're always talking about clipping text around here. All it takes is a little browsing to spot a bunch of things we've already explored.

GGGeoff GrahamGeoff Graham·September 3, 2024Engineering