Techreport blog

Engineering Insights & Guides

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

11,845 articles
Frontend — Let's Bring Spacer GIFs Back!

Let's Bring Spacer GIFs Back!

The 90s web gave us many delightful things: web rings, guestbooks, “under construction” animations, and spacer GIFs. In this article, we'll see how I use a Spacer component to solve common layout problems, and why it's often a great tool for the job in the modern web.

JWJosh W. Comeau·January 11, 2021Frontend
Engineering — Painters Tape and Fault Tolerance

Painters Tape and Fault Tolerance

One of my favorite things in the world is painters tape (also called masking tape). It seems like something silly: some tape you put on a wall when you’re painting to avoid getting paint on the wall. The tape doesn’t have a strong adhesive, so it can be pulled back off the wall without damaging it.

CCChris Coyier·January 8, 2021Engineering
Design & UX — Svelte and Spring Animations

Svelte and Spring Animations

Spring animations are a wonderful way to make UI interactions come to life. Rather than merely changing a property at a constant rate over a period of time,

ARAdam RackisAdam Rackis·January 8, 2021Design & UX
Career & Teams — Apache Beam for Search: Getting Started by Hacking Time - Shopify

Apache Beam for Search: Getting Started by Hacking Time - Shopify

To create relevant search, processing clickstream data is key: you frequently want to promote search results that are being clicked on and purchased, and demote those things users don’t love. Typically search systems think of processing clickstream data as a batch job run over historical data, perhaps using a system like Spark. But on Shopify’s Discovery team, we ask the question: What if we could

SEShopify Engineering·January 8, 2021Career & Teams
Design & UX — Getting Started With The GetX Package In Flutter Applications — Smashing Magazine

Getting Started With The GetX Package In Flutter Applications — Smashing Magazine

GetX is an extra lightweight solution for state, navigation, and dependencies management for Flutter applications. Flutter is one of the fastest ways to build truly cross-platform native applications. It provides features allowing the developer to build a truly beautiful UI experience for their users, and in this article, Kelvin Omereshone will be looking at GetX’s benefits, features, and how to s

KOKelvin OmereshoneKelvin Omereshone·January 8, 2021Design & UX
Security — Ransom DDoS attacks target a Fortune Global 500 company

Ransom DDoS attacks target a Fortune Global 500 company

In late 2020, a major Fortune Global 500 company was targeted by a Ransom DDoS (RDDoS) attack by a group claiming to be the Lazarus Group. Cloudflare quickly onboarded them to the Magic Transit service and protected them against the lingering threat.

OOmerOmer·January 7, 2021Security
Engineering — How To Make More Money Selling Shopify Apps In 2021 — Smashing Magazine

How To Make More Money Selling Shopify Apps In 2021 — Smashing Magazine

Developing a Shopify app and being able to sell it are two different things. While you might be a very skilled app developer, that’s not always enough for Shopify merchants to decide to install a newly released and unreviewed app on their sites. If you want to give merchants a reason to install and use your Shopify app, there are four things you need to do.

SSSuzanne ScaccaSuzanne Scacca·January 7, 2021Engineering
Frontend — Styling Code In and Out of Blocks

Styling Code In and Out of Blocks

There is a <code> tag in HTML. I literally just used it to wrap that tag in the previous sentence — so meta. It is an inline-by-default element that

CCChris Coyier·January 6, 2021Frontend
Frontend — Whack-a-Mole: The CSS Edition

Whack-a-Mole: The CSS Edition

We’ve seen the checkbox hack and how it can be used to build a complete state machine in CSS. Today, we’ll take that line of thought a step further and build

WYWill YuWill Yu·January 6, 2021Frontend
SRE & Ops — GitHub Availability Report: December 2020

GitHub Availability Report: December 2020

In December, we experienced no incidents resulting in service downtime. This month’s GitHub Availability Report will provide a summary and follow-up details on how we addressed an incident mentioned in November’s report.

KBKeith BallingerKeith Ballinger·January 6, 2021SRE & Ops
SRE & Ops — Building On-Call Culture at GitHub

Building On-Call Culture at GitHub

GitHub’s engineering group moved from a monolithic, hero-based on-call rotation to a more balanced on-call culture in order to increase our on-call expertise and improve the experience for our customers.

MMMary Moore-SimmonsMary Moore-Simmons·January 6, 2021SRE & Ops
Frontend — Custom Properties as State

Custom Properties as State

Here's a fun idea from James Stanley: a CSS file (that presumably updates daily) containing CSS custom properties for "seasonal" colors (e.g. spring is

CCChris Coyier·January 5, 2021Frontend