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 — How To Migrate From jQuery To Next.js — Smashing Magazine

How To Migrate From jQuery To Next.js — Smashing Magazine

There are many scenarios where we don’t need to follow the architecture that frameworks like React or Next.js impose on us, and that is OK. However, jQuery is a library that contains a lot of code and features that are not needed anymore. In this article, Facundo Giuliani will take a closer look at different approaches and strategies on how you can migrate a web application that uses jQuery framew

FGFacundo GiulianiFacundo Giuliani·July 13, 2021Frontend
Engineering — The UEFA EURO 2020 final as seen online by Cloudflare Radar

The UEFA EURO 2020 final as seen online by Cloudflare Radar

Cloudflare has been publishing statistics about all the teams involved in EURO 2020 and traffic to betting websites, sports newspapers, streaming services and sponsors. Here’s a quick look at some specific highlights from England’s and Italy’s EURO 2020.

JGJohn Graham CummingJohn Graham Cumming·July 12, 2021Engineering
Security — Enforcing encryption at scale

Enforcing encryption at scale

Our infrastructure supports thousands of services that handle billions of requests per second. We’ve previously discussed how we built our service encryption infrastructure to keep these globally distributed services operating securely and performantly. This post discusses the system we designed to enforce encryption policies within our network and shares some of the lessons we learned […] Read Mo

MEMeta Engineering·July 12, 2021Security
Performance — Refactoring CSS: Introduction (Part 1) — Smashing Magazine

Refactoring CSS: Introduction (Part 1) — Smashing Magazine

In this three-part series, Adrian Bece is going to go through the CSS refactor process from the beginning to the end, starting with knowledge on how to approach it and some general pros and cons of refactoring, then moving onto the refactoring strategies themselves and ending with some general best practices on CSS file size and performance. CSS refactoring is not an easy task — it needs to be don

ABAdrian BeceAdrian Bece·July 12, 2021Performance
SRE & Ops — Ribbon filter: Practically smaller than Bloom and Xor

Ribbon filter: Practically smaller than Bloom and Xor

What the research is: The Ribbon filter is a new data structure that is more space-efficient than the popular Bloom filters that are widely used for optimizing data retrieval. One of the ways that Bloom, and now Ribbon, filters solve real engineering problems is by providing smooth configurability unmatched by other filters. Bloom filters work […]

CWChris Wiltz·July 9, 2021SRE & Ops
Design & UX — Making A Strong Case For Accessibility — Smashing Magazine

Making A Strong Case For Accessibility — Smashing Magazine

Accessibility is often overlooked or bolted on to the end of a project from the experiences in Todd’s career in web development and design. The case for accessibility is something we as people who create and build things for the web should be implementing and advocating for from the inception of a project to the release or handoff and beyond.

TLTodd LibbyTodd Libby·July 9, 2021Design & UX
SRE & Ops — Smart(er) Origin Service Level Monitoring

Smart(er) Origin Service Level Monitoring

Today we’re excited to announce Origin Error Rate notifications: a new, sophisticated way to detect and notify you when Cloudflare sees elevated levels of 5xx errors from your origin.

CCloudflare·July 8, 2021SRE & Ops
Performance — Tools And Practices To Speed Up The Vue.js Development Process — Smashing Magazine

Tools And Practices To Speed Up The Vue.js Development Process — Smashing Magazine

Even though Vue.js claims to have an approachable minimalist framework that can be incrementally adaptable, it can be a little bit overwhelming when starting as a Vue.js newbie. In this tutorial, Uma Victor will take a look at some tips and tools to help you become a better Vue developer. You will start with some helpful insights on organizing your projects for scale and other great points to note

UVUma VictorUma Victor·July 8, 2021Performance
Frontend — A Look at Building with Astro

A Look at Building with Astro

Astro is a brand new framework for building websites. To me, the big thing is that it allows you to build a site like you're using a JavaScript framework (and

CCChris Coyier·July 7, 2021Frontend
Frontend — The Web’s Worst Default

The Web’s Worst Default

There are a lot of great defaults when it comes to browsers and the web. Think about all the accessibility features that are baked into HTML so that you don’t

RRRobin RendleRobin Rendle·July 7, 2021Frontend
Design & UX — An Introduction To Figma Interactive Components — Smashing Magazine

An Introduction To Figma Interactive Components — Smashing Magazine

In this article, Emiliano explains why Figma Interactive Components (now in beta) will improve how we create prototypes. The new feature reduces the time and effort needed to create interactions by bringing down the cost of design exploration. There’s no need for previous Figma knowledge and experience — all you’ll need is a free Figma account if you’d like to try it out for yourself.

ECEmiliano CiceroEmiliano Cicero·July 7, 2021Design & UX
Engineering — Body Toggle

Body Toggle

I appreciate the clarity of this trick that Mikael Ainalem posted over on Reddit:

CCChris Coyier·July 6, 2021Engineering