Techreport blog

Engineering Insights & Guides

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

11,844 articles
Design & UX — GMTK Game Jam 2020 – staff picks

GMTK Game Jam 2020 – staff picks

The fourth annual GMTK Game Jam has broken it’s previous year’s record! GMTK Game Jam is a 48-hour game-making competition focused on design, mechanics, and clever ideas. The competition has just…

LRLee ReillyLee Reilly·August 6, 2020Design & UX
Frontend — A Practical Guide To Product Tours In React Apps — Smashing Magazine

A Practical Guide To Product Tours In React Apps — Smashing Magazine

Showcasing new product features to users or familiarizing them with some UI functionality in a web app can get tedious, especially when you want users to see a lot of things. In the following guide, BLessing Krofegha will show you how to proactively use product tours to onboard users into a new and complex UX, and how to familiarize them with UI functionality without boring them, using a typical R

BKBlessing KrofeghaBlessing Krofegha·August 6, 2020Frontend
Security — Network-layer DDoS attack trends for Q2 2020

Network-layer DDoS attack trends for Q2 2020

This quarter, we saw an increasing number of large scale attacks; both in terms of packet rate and bit rate. In fact, 88% of all DDoS attacks in 2020 that peaked above 100 Gbps were launched after shelter-in-place went into effect in March.

VOVivek, OmerVivek, Omer·August 5, 2020Security
Engineering — Chapter 1: Birth

Chapter 1: Birth

Sir Tim Berners-Lee is fascinated with information. It has been his life’s work. For over four decades, he has sought to understand how it is mapped and

JHJay Hoffmann·August 5, 2020Engineering
Frontend — Warp SVG Online

Warp SVG Online

The warping is certainly the cool part here. Some fancy math literally transforms the path data to do the warping. But the UX detail work here is just as

CCChris Coyier·August 5, 2020Frontend
Frontend — Pcicrawler: A Python-based command-line interface tool to debug PCI issues at scale

Pcicrawler: A Python-based command-line interface tool to debug PCI issues at scale

What it is: A Python-based command-line interface tool that can be used to display, filter, and export information about Peripheral Component Interconnect (PCI) or PCI Express (PCIe) buses and devices, as well as PCI topology. We built pcicrawler to diagnose and debug PCIe issues at scale and help with automation. What it does: Pcicrawler provides […]

MEMeta Engineering·August 5, 2020Frontend
Networking — Using DNS Traffic Management to Add Resiliency to Shopify’s Services - Shopify

Using DNS Traffic Management to Add Resiliency to Shopify’s Services - Shopify

If you are lacking understanding of what is DNS, traffic management, or why we would even use it, read Part 1: Introduction to DNS traffic management. Distributed systems are only as resilient as we build them to be. Domain Name System (DNS) traffic management (TM) is a well-used approach to do so. In this second part of the two-part series, we’re sharing Shopify’s DNS traffic management journey f

SEShopify Engineering·August 5, 2020Networking
Networking — An Introduction to DNS Traffic Management - Shopify

An Introduction to DNS Traffic Management - Shopify

Distributed systems are only as resilient as we build them to be. Domain Name System (DNS) traffic management is a well-used approach to do so. In this first part of a two-part series, we aim to give a broad overview of DNS and how it’s used for traffic management, as well as the different reasons why we want to use DNS traffic management. If you already have context on what is DNS, what is traffi

SEShopify Engineering·August 5, 2020Networking
Performance — Creating A Static Blog With Sapper And Strapi — Smashing Magazine

Creating A Static Blog With Sapper And Strapi — Smashing Magazine

You might be wondering, “Why should I use this instead of the alternatives?” Sapper is based on Svelte, which is known for its speed and relatively small bundle size. In a world where performance plays a huge role in determining an effective user experience, we want to optimize for that. In this article, Daniel Madalitso Phiri will take you through how to build a Svelte-powered static blog with Sa

DMDaniel Madalitso PhiriDaniel Madalitso Phiri·August 5, 2020Performance
Networking — Cloudflare Network Interconnection partnerships launch

Cloudflare Network Interconnection partnerships launch

Today we’re excited to announce Cloudflare’s Network Interconnection Partner Program, in support of our new CNI product. As ever more enterprises turn to Cloudflare to secure and accelerate their branch and core networks, the ability to connect privately and securely becomes increasingly important.

STStevenpack, Tom PasekaStevenpack, Tom Paseka·August 4, 2020Networking
Frontend — Making Sense of react-spring

Making Sense of react-spring

Animation is one of the trickier things to get right with React. In this post, I’ll try to provide the introduction to react-spring I wish I had when I first

ARAdam RackisAdam Rackis·August 4, 2020Frontend
Engineering — Jetpack CRM

Jetpack CRM

About a year ago, Automattic bought up Zero BS CRM. The thinking at the time was that it could be rebranded into the Jetpack suite and, well, that happened.

CCChris Coyier·August 4, 2020Engineering
Performance — CodeGen: Semantic’s improved language support system

CodeGen: Semantic’s improved language support system

The Semantic Code team shipped a massive improvement to the language support system that powers code navigation. Code navigation features only scratch the surface of possibilities that start to open up when we combine Semantic‘s program analysis potential with GitHub’s scale.

ANAyman NadeemAyman Nadeem·August 4, 2020Performance
Design & UX — Can You Design A Website For The Five Senses? — Smashing Magazine

Can You Design A Website For The Five Senses? — Smashing Magazine

Imagine if your website could evoke this kind of response. Visitors who respond to the sensory stimulation would instantly be in a more positive headspace, which they’d then associate with the site and your brand. While you don’t want to design a website for all five senses — because that would most certainly lead to sensory overload — you can use individual senses to strengthen the experience vis

SSSuzanne ScaccaSuzanne Scacca·August 4, 2020Design & UX
Engineering — My living room intern experience at Cloudflare

My living room intern experience at Cloudflare

For the past twelve weeks, I’ve had the pleasure of working as a Legal Intern at Cloudflare. This blogpost goes over a few key things that set this internship apart from even those in which I’ve been able to connect with people in-person.

CCloudflare·August 3, 2020Engineering
Engineering — Friction Logs

Friction Logs

I first heard the term "Friction Log" from Suz Hinton back in April on ShopTalk. The idea makes an extreme amount of sense: Use a thing, and write down

CCChris Coyier·August 3, 2020Engineering