Techreport blog

Engineering Insights & Guides

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

11,777 articles
Engineering — The Fastest Google Fonts

The Fastest Google Fonts

When you use font-display: swap;, which Google Fonts does when you use the default &display=swap part of the URL , you're already saying, "I'm cool with

CCChris Coyier·May 22, 2020Engineering
Engineering — April service disruptions analysis

April service disruptions analysis

We had multiple service interruptions in April that may have impacted your projects and businesses. We know how important reliability is for our users and have detailed an analysis on the disruptions.

KBKeith BallingerKeith Ballinger·May 22, 2020Engineering
Distributed — How To Design A Brand Logo (With Ease) — Smashing Magazine

How To Design A Brand Logo (With Ease) — Smashing Magazine

Great logo design can do incredible things for the company behind it. Set the tone for the brand. Improve memorability. Help users emotionally connect to the brand. Create consistency between all marketing channels. Set it apart from the competition. But as a web designer, do you know how to tackle the lofty request of logo design when a client brings it to you?

SSSuzanne ScaccaSuzanne Scacca·May 22, 2020Distributed
Design & UX — Inspired Design Decisions With Max Huber: Turning Mundane Subjects Into Exciting Visual Communication — Smashing Magazine

Inspired Design Decisions With Max Huber: Turning Mundane Subjects Into Exciting Visual Communication — Smashing Magazine

These days, product companies seem more interested in refining interfaces and simplifying user experiences. In this ninth issue of Inspired Design Decisions, Andy Clarke will explain how studying the work of Max Huber — one of the less well known but most distinguished Swiss designers — will teach you how to turn mundane subjects into exciting visual communication.

ACAndy ClarkeAndy Clarke·May 22, 2020Design & UX
Frontend — Understanding Machines: An Open Standard For JavaScript Functions — Smashing Magazine

Understanding Machines: An Open Standard For JavaScript Functions — Smashing Magazine

In this article, Kelvin Omereshone introduces you to machines, an open standard for JavaScript functions. At the end of this article, you should be familiar with what machines are and how to implement them. There is no special prerequisite for this article. If you can write a JavaScript function, then you’ll be able to follow along. With all that said, let’s dive in.

KOKelvin OmereshoneKelvin Omereshone·May 21, 2020Frontend
Performance — How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts — Smashing Magazine

How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts — Smashing Magazine

Performance is a competitive advantage that can bring and retain customers. We can’t afford regularly spending time optimizing apps all over again. It’s costly, and complex. As a first step in coming up with a solution for any problem, we need to make the problem visible. In this article, Anton Nemtsev will help you with exactly that It’s not enough to optimize an application. You need to prevent

ANAnton NemtsevAnton Nemtsev·May 20, 2020Performance
Engineering — How to Build a Chrome Extension

How to Build a Chrome Extension

I made a Chrome extension this weekend because I found I was doing the same task over and over and wanted to automate it. Plus, I’m a nerd living through a

SDSarah DrasnerSarah Drasner·May 19, 2020Engineering
Frontend — WordPress Block Transforms

WordPress Block Transforms

This has been the year of Gutenberg for us here at CSS-Tricks. In fact, that's a goal we set at the end of last year. We're much further along that I thought

CCChris Coyier·May 19, 2020Frontend
Frontend — Animated Sparkles in React

Animated Sparkles in React

In this dazzling tutorial, we'll see how to build an animated component. Wrap it around text or images and watch them twinkle! This neat trick is a perfect way to emphasize positive or exciting things.

JWJosh W. Comeau·May 19, 2020Frontend
Engineering — What Is Nix - Shopify

What Is Nix - Shopify

This article is going to be a crash course in what Nix is, how to think about it, and why it's such a valuable and paradigm-shifting piece of technology.

SEShopify Engineering·May 19, 2020Engineering
Engineering — Prototyping at Slack

Prototyping at Slack

Over the years at Slack — usually during periods of high growth — teams have defaulted to working in a waterfall where an idea is proposed and researched, then designed or spec’d, then built, in that order. It’s not the most efficient way to work and as a company grows — with more people involved…

SESlack Engineering·May 19, 2020Engineering