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
Performance — How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts — Smashing Magazine

How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts — Smashing Magazine

Performance is a competitive advantage that can bring and retain customers. We can’t afford regularly spending time optimizing apps all over again. It’s costly, and complex. As a first step in coming up with a solution for any problem, we need to make the problem visible. In this article, Anton Nemtsev will help you with exactly that It’s not enough to optimize an application. You need to prevent

ANAnton NemtsevAnton Nemtsev·May 20, 2020Performance
Engineering — How to Build a Chrome Extension

How to Build a Chrome Extension

I made a Chrome extension this weekend because I found I was doing the same task over and over and wanted to automate it. Plus, I’m a nerd living through a

SDSarah DrasnerSarah Drasner·May 19, 2020Engineering
Frontend — WordPress Block Transforms

WordPress Block Transforms

This has been the year of Gutenberg for us here at CSS-Tricks. In fact, that's a goal we set at the end of last year. We're much further along that I thought

CCChris Coyier·May 19, 2020Frontend
Frontend — Animated Sparkles in React

Animated Sparkles in React

In this dazzling tutorial, we'll see how to build an animated component. Wrap it around text or images and watch them twinkle! This neat trick is a perfect way to emphasize positive or exciting things.

JWJosh W. Comeau·May 19, 2020Frontend
Engineering — What Is Nix - Shopify

What Is Nix - Shopify

This article is going to be a crash course in what Nix is, how to think about it, and why it's such a valuable and paradigm-shifting piece of technology.

SEShopify Engineering·May 19, 2020Engineering
Engineering — Prototyping at Slack

Prototyping at Slack

Over the years at Slack — usually during periods of high growth — teams have defaulted to working in a waterfall where an idea is proposed and researched, then designed or spec’d, then built, in that order. It’s not the most efficient way to work and as a company grows — with more people involved…

SESlack Engineering·May 19, 2020Engineering
Design & UX — Can Data Visualization Improve The Mobile Web Experience? — Smashing Magazine

Can Data Visualization Improve The Mobile Web Experience? — Smashing Magazine

Since more and more web traffic comes from mobile users, our websites need to be in the best position to serve them. The easiest thing to do would be to remove unnecessary content from the site. However, it may not always be the best solution. In this article, Suzanne Scacca proposes some ways to turn essential content into graphics to conserve space, create a more engaging UI and preserve the ove

SSSuzanne ScaccaSuzanne Scacca·May 19, 2020Design & UX
Engineering — DeepLinks and ScrollAnchor

DeepLinks and ScrollAnchor

One of the interesting challenges with deep linking in the Cloudflare Dashboard is that most interesting resources are “locked” behind the context of an account and a zone/domain/website. To illustrate this, look at a tree of possible URL paths into Cloudflare’s Dashboard.

DRDrew, RobertDrew, Robert·May 18, 2020Engineering
Frontend — Unprefixed `appearance `

Unprefixed `appearance `

It's interesting how third-parties are sometimes super involved in pushing browser things forward. One big story there was how Bloomberg hired Igalia to

CCChris Coyier·May 18, 2020Frontend
Frontend — How To Create A Mobile App In Expo And Firebase (For iOS And Android) — Smashing Magazine

How To Create A Mobile App In Expo And Firebase (For iOS And Android) — Smashing Magazine

The social media company released React Native, and it quickly became the most popular framework for building mobile apps with JavaScript. In this article, based on his experience with creating a GPS and navigation application, Chafik Gharbi will show you how to create a mobile app using Expo and Firebase services such as Firestore, Firebase functions and Expo push notifications.

CGChafik GharbiChafik Gharbi·May 18, 2020Frontend
Frontend — How to Tame Line Height in CSS

How to Tame Line Height in CSS

In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, we

CWCaleb WilliamsCaleb Williams·May 15, 2020Frontend
Frontend — CSS fix for 100vh in mobile WebKit

CSS fix for 100vh in mobile WebKit

A surprisingly common response when asking people about things they'd fix about anything in CSS, is to improve the handling of viewport units.

CCChris Coyier·May 15, 2020Frontend