Techreport blog

Engineering Insights & Guides

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

11,851 articles
Engineering — How Shopify Built An In-Context Analytics Experience - Shopify

How Shopify Built An In-Context Analytics Experience - Shopify

Whether determining which orders to fulfill first or assessing how their customer acquisition efforts are performing, our merchants rely on data to make informed decisions about their business. In 2013, we made easy-access to data a reality for Shopify merchants with the Analytics.

SEShopify Engineering·May 25, 2021Engineering
Engineering — A Guide To Undoing Mistakes With Git (Part 2) — Smashing Magazine

A Guide To Undoing Mistakes With Git (Part 2) — Smashing Magazine

Mistakes. These cruel villains do not even stop at the beautiful world of software development. But although we cannot avoid making mistakes, we can learn to undo them! In this article, Tobias Günther will show you the right tools for your daily work with Git. You might want to check the first article of the series as well.

TGTobias GuentherTobias Guenther·May 25, 2021Engineering
Performance — A New Way To Reduce Font Loading Impact: CSS Font Descriptors — Smashing Magazine

A New Way To Reduce Font Loading Impact: CSS Font Descriptors — Smashing Magazine

Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. If you want to use web fonts your choices are basically Flash of Invisible Text (aka FOIT) or Flash of Unstyled Text (FOUT). Neither option has really “won out” because neither is really satisfactory, to be honest. Upcoming font options may finally deliver on the pro

BPBarry PollardBarry Pollard·May 25, 2021Performance
Performance — Links on Performance III

Links on Performance III

Making GitHub’s new homepage fast and performant — Tobias Ahlin describes how the scrolling effects are done more performantly thanks to IntersectionObserver

CCChris Coyier·May 24, 2021Performance
Networking — proxy-www

proxy-www

I like a good trick. What if... a URL was... a promise... that fetched said URL?

CCChris Coyier·May 24, 2021Networking
Engineering — Role Management at Slack

Role Management at Slack

Controlling which users are able to take which actions is no simple task. Building this into Slack has always been an interesting challenge. In large enterprise organizations, the standard types of roles we offered to customers were too broad, and delegating a generic admin role can grant someone with too much power — what if…

JBJake Byman·May 24, 2021Engineering
Frontend — Svelte for the Experienced React Dev

Svelte for the Experienced React Dev

This post is an accelerated introduction to Svelte from the point of view of someone with solid experience with React. I’ll provide a quick introduction, and

ARAdam RackisAdam Rackis·May 21, 2021Frontend
Frontend — CSS Hell

CSS Hell

Collection of common CSS mistakes, and how to fix them

CCChris Coyier·May 21, 2021Frontend
Career & Teams — Other Driven Developments - Shopify

Other Driven Developments - Shopify

Mental models within an industry, company, or even a person, change constantly. As methodologies mature, we see the long term effects our choices have wrought and can adjust accordingly. As a team or company grows, methodologies that worked well for five people may not work as well for 40 people.

SEShopify Engineering·May 21, 2021Career & Teams
Systems — Building A Rich Text Editor (WYSIWYG) — Smashing Magazine

Building A Rich Text Editor (WYSIWYG) — Smashing Magazine

In this article, Shalabh Vyas will show you how to build a WYSIWYG/Rich-Text Editor that supports rich text, images, links and some nuanced features from word processing apps. We will use SlateJS to build the shell of the editor and then add a toolbar and custom configurations. The code for the application is available on GitHub for reference.

SVShalabh VyasShalabh Vyas·May 21, 2021Systems
Frontend — Learn CSS!

Learn CSS!

Ooo look at this mighty SEO flex from Google: Learn CSS! Well deserved — this is great content. Twenty-three chapters taking you through all the fundamentals

CCChris Coyier·May 20, 2021Frontend
Frontend — JSON in CSS

JSON in CSS

Jonathan Neal tweeted a heck of a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. Valid values for custom

CCChris Coyier·May 20, 2021Frontend