Techreport blog

Engineering Insights & Guides

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

11,768 articles
Frontend — How many CSS properties are there?

How many CSS properties are there?

Tomasz Łakomy posted a joke tweet about naming all the CSS attributes and Tejas Kumar replied with a joke answer, going as far as making an npm module. You

CCChris Coyier·January 14, 2020Frontend
Engineering — Business Dad

Business Dad

Congrats to Chris Enns, our podcast editor on ShopTalk and CodePen Radio, for landing a really cool new podcast to edit: Business Dad. It's Alexis Ohanian,

CCChris Coyier·January 14, 2020Engineering
Engineering — Game Off 2019 Winners

Game Off 2019 Winners

Thousands of game developers from all over the world participated in Game Off, our annual game jam celebrating open source. Let’s take a look at 2019’s winners.

LRLee ReillyLee Reilly·January 14, 2020Engineering
Frontend — Magical Rainbow Gradients

Magical Rainbow Gradients

If you've ever tried to animate a gradient, you've been met with a harsh reality—it isn't possible. At least, it wasn't! In this tutorial, we'll leverage bleeding-edge browser features to animate ANY CSS property, including background gradients, using CSS Houdini, CSS variables, and React.

JWJosh W. Comeau·January 13, 2020Frontend
SRE & Ops — Open source year in review

Open source year in review

Last year was a busy one for our open source engineers. In 2019 we released 170 new open source projects, bringing our portfolio to a total of 579 active repositories. While it’s important for our internal engineers to contribute to these projects (and they certainly do — with more than 82,000 commits this year), we […]

MEMeta Engineering·January 13, 2020SRE & Ops
Frontend — An Introduction To React’s Context API — Smashing Magazine

An Introduction To React’s Context API — Smashing Magazine

In this article, Yusuff Faruq will show you how to use React’s Context API which allows you to manage global application states in your React apps without resorting to props drilling. In the process you will learn what the Context API is and the problem it solves, how to create Context and consuming it in both functional and class-based components, and when to use the Context API. Let’s start!

YFYusuff FaruqYusuff Faruq·January 13, 2020Frontend
Frontend — CSS-Only Carousel

CSS-Only Carousel

Editor's Note: Chrome is prototyping a new feature for creating carousels directly in CSS, including scroll buttons and scroll markers for navigating between

CCChris Coyier·January 10, 2020Frontend
Distributed — Stuff The Internet Says On Scalability For January 10th, 2020 - High Scalability -

Stuff The Internet Says On Scalability For January 10th, 2020 - High Scalability -

Wake up! It's HighScalability time: Forrest Brazeal warns you not to spend your limited innovation credits building bespoke, complex systems that provide no direct value to your business, instead position yourself at the top of what heI calls the Wisdom/Cleverness Curve Do you like this sort of Stuff? Your support on Patreon is appreciated more than you can know. I also wrote Explain the Cloud Lik

HSHigh Scalability·January 10, 2020Distributed
Frontend — Understanding CSS Grid: Grid Lines — Smashing Magazine

Understanding CSS Grid: Grid Lines — Smashing Magazine

In a new series, Rachel Andrew breaks down the CSS Grid Layout specification. This time, we take a look at how to use the grid lines to place items. The other methods Rachel will show you in future articles are alternate ways to specify your layout, but are based on the grid created by numbered lines. But for today, here you will find pretty much all you need to know about grid lines!

RARachel AndrewRachel Andrew·January 10, 2020Frontend
Frontend — Understanding Async Await

Understanding Async Await

When writing code for the web, eventually you'll need to do some process that might take a few moments to complete. JavaScript can't really multitask, so

SDSarah DrasnerSarah Drasner·January 9, 2020Frontend
Frontend — let vs. const

let vs. const

There are multiple ways to declare variables in JavaScript. We had var, and while that still works like it always has, it is generally said that let and const

CCChris Coyier·January 9, 2020Frontend
Frontend — How To Create And Deploy Angular Material Application — Smashing Magazine

How To Create And Deploy Angular Material Application — Smashing Magazine

A walkthrough of creating an Angular 8 web application and a QR Code generator app completely based on Angular while hosted on Netlify. In this article, Shubham will take you into a walkthrough of creating an Angular 8 web application using the official Angular Material Design library. We will be creating a QR Code generator web application completely based on Angular while hosted on Netlify.

SSShubham SsjShubham Ssj·January 9, 2020Frontend
Performance — Prototyping optimizations with Cloudflare Workers and WebPageTest

Prototyping optimizations with Cloudflare Workers and WebPageTest

Have you ever wanted to quickly test a new performance idea, or see if the latest performance wisdom is beneficial to your site? As web performance appears to be a stochastic process, it is really important to be able to iterate quickly and review the effects of different experiments.

AGAndrew GalloniAndrew Galloni·January 8, 2020Performance
Databases — PostgreSQL Connection Pooling: Part 2 – PgBouncer - High Scalability -

PostgreSQL Connection Pooling: Part 2 – PgBouncer - High Scalability -

When it comes to connection pooling in the PostgreSQL world, PgBouncer is probably the most popular option. It’s a very simple utility that does exactly one thing – it sits between the database and the clients and speaks the PostgreSQL protocol, emulating a PostgreSQL server. A client connects to PgBouncer with the exact same syntax it would use when connecting directly to PostgreSQL – PgBouncer i

KAKristi Anderson·January 8, 2020Databases