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
Engineering — How We Built It: Spotify Lite, One Year Later

How We Built It: Spotify Lite, One Year Later

What if, for some users, the very best Spotify is a little less Spotify? Spotify Lite started as an experiment that had to be proven, both from a technical and a product-market fit perspective. In 2017, we found that a significant portion of registrations in some of our fastest-growing markets were happening on Android devices much older than what we were used to seeing in North American and Europ

SESpotify Engineering·December 1, 2020Engineering
Frontend — Native CSS Masonry Layout In CSS Grid

Native CSS Masonry Layout In CSS Grid

Rachel Andrew introducing the fact that masonry layout is going to be a thing in native CSS via CSS grid layout. The thing with masonry is that we can already

CCChris Coyier·November 30, 2020Frontend
Frontend — Super Tiny Icons

Super Tiny Icons

A bunch of SVG icons (of popular things) all under 1KB. SVG is awesome for golfing.

CCChris Coyier·November 30, 2020Frontend
Design & UX — Weaving Web Accessibility With Usability — Smashing Magazine

Weaving Web Accessibility With Usability — Smashing Magazine

You can provide access to people with visual impairments without involving them in the product development lifecycle, by formally adopting web accessibility standards... but does that mean the end product is usable? In this article, Uri Paz explains how a site complying with accessibility guidelines may still present usability issues when testing with real users. Find out how weaving accessibility

UPUri PazUri Paz·November 30, 2020Design & UX
Engineering — Dreaming Of A Magical December (2020 Wallpapers Edition) — Smashing Magazine

Dreaming Of A Magical December (2020 Wallpapers Edition) — Smashing Magazine

Let’s welcome December with some new wallpapers! Designed by artists and designers from across the globe, they are available with and without a calendar for the month. All images can be clicked on and lead to the preview of the wallpaper. We respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their

CMCosima MielkeCosima Mielke·November 30, 2020Engineering
Engineering — A Thanksgiving 2020 Reading List

A Thanksgiving 2020 Reading List

If you want to relax in an active and learning way this Thanksgiving weekend, here are some of the topics we’ve covered on the Cloudflare blog this past week that you may find interesting.

VValVal·November 28, 2020Engineering
SRE & Ops — A Byzantine failure in the real world

A Byzantine failure in the real world

At Cloudflare, we are always on the lookout for Single Points of Failure. In this post, we explore the role a failure mode known as a Byzantine fault played in a a real-world incident.

TLTom Lianza, Chris SnookTom Lianza, Chris Snook·November 27, 2020SRE & Ops
Networking — ASICs at the Edge

ASICs at the Edge

At Cloudflare, we pride ourselves in our global network that spans more than 200 cities in over 100 countries. To accelerate all that traffic through our network, there are multiple technologies at play. So let’s have a look at one of the cornerstones that makes all of this work.

TSTom StrickxTom Strickx·November 27, 2020Networking
Engineering — Reactive Variables In GraphQL Apollo Client — Smashing Magazine

Reactive Variables In GraphQL Apollo Client — Smashing Magazine

Reactive variables work with GraphQL Apollo and offer you the same functionality with Redux or Context API without the complexity or extra layers that come with these other tools. A reactive variable in GraphQL Apollo is easy to use and doesn’t have as much setup process compared to Redux. In this article, Daniel Don will look at how to set up reactive variables, how the GraphQL cache polices come

DDDaniel DonDaniel Don·November 27, 2020Engineering
Engineering — Copy Docs: Make Your Microcopy Full And Consistent, And Maintain It — Smashing Magazine

Copy Docs: Make Your Microcopy Full And Consistent, And Maintain It — Smashing Magazine

Copy docs is a framework that allows product designers and writers to manage their in-product copy in a smart way. In this article, Valeriia Panina shares her experience in how the copy docs technique turned out to be a game changer for her workflow. The copy docs technique was a game changer for Valeriia’s workflow and she’d be happy if it boosts yours, too!

VPValeriia PaninaValeriia Panina·November 26, 2020Engineering
Engineering — Moving Quicksilver into production

Moving Quicksilver into production

We previously explained how and why we built Quicksilver. This second blog post is about the long journey to production which culminates with Kyoto Tycoon removal from Cloudflare infrastructure and points to the first signs of obsolescence.

GPGeoffrey PlouviezGeoffrey Plouviez·November 25, 2020Engineering
Engineering — Playfulness In Code: Supercharge Your Learning By Having Fun — Smashing Magazine

Playfulness In Code: Supercharge Your Learning By Having Fun — Smashing Magazine

In the product-focused world of development, it can be easy to forget the joy of making for the sake of making. By dropping the ‘Why’ and ‘How’, and focusing instead on the ‘What’ of weird, wonderful ideas, you can nurture a totally different side to your skill sets. You can read the docs, you can follow the tutorials, but wouldn’t you be more motivated by trying to make something unique, somethin

JTJhey TompkinsJhey Tompkins·November 25, 2020Engineering
Frontend — Testing Vue Applications With The Vue Testing Library — Smashing Magazine

Testing Vue Applications With The Vue Testing Library — Smashing Magazine

The Vue Testing library can help you to test your applications by mirroring the way that a user would interact with them. Here’s everything you need to know if you want to get started right away. In this article, Kelvin Omereshone will look at testing Vue applications using the Vue Testing Library — a lightweight library that emphasizes testing your front-end application from the user’s perspectiv

KOKelvin OmereshoneKelvin Omereshone·November 24, 2020Frontend
Frontend — Creating UI Components in SVG

Creating UI Components in SVG

I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a

SDSarah DrasnerSarah Drasner·November 23, 2020Frontend