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
Career & Teams — GitHub is free for teams

GitHub is free for teams

Every developer and team can now get private repositories with unlimited collaborators at no cost with GitHub Free, and we reduced prices for some of our paid plans.

NFNat FriedmanNat Friedman·April 14, 2020Career & Teams
Performance — Hacklang at Slack: A Better PHP

Hacklang at Slack: A Better PHP

Slack launched in 2014 with a PHP 5 backend. Along with several other companies, we switched to HHVM in 2016 because it ran our PHP code faster. We stayed with HHVM because it offers an entirely new language: Hack (searchable as Hacklang). Hack makes our developers faster by improving productivity through better tooling. Hack began as a superset of PHP, retaining its best…

SESlack Engineering·April 14, 2020Performance
Frontend — How To Create A Particle Trail Animation In JavaScript — Smashing Magazine

How To Create A Particle Trail Animation In JavaScript — Smashing Magazine

If you are thinking about distracting visitors of your website with a fancy, glittering particle animation for a few moments, while some data is loaded in the background, all you need is some basic knowledge of CSS and JavaScript and a lightweight animation library such as anime.js. In the end, we should have the following result: Particle animations belong to the most impressive animations that e

APAnna PrenzelAnna Prenzel·April 14, 2020Frontend
Security — Cloudflare for SSH, RDP and Minecraft

Cloudflare for SSH, RDP and Minecraft

Cloudflare now covers SSH, RDP and Minecraft, offering DDoS protection and increased network performance. Spectrum pay-as-you-go now available on all paid plans.

AAchielAchiel·April 13, 2020Security
Frontend — No-Class CSS Frameworks

No-Class CSS Frameworks

I linked up Water.css not long ago as an interesting sort of CSS framework. No classes. No <h2 class="is-title">. You just use semantic HTML and get

CCChris Coyier·April 13, 2020Frontend
Frontend — CSS Variables for React Devs

CSS Variables for React Devs

CSS variables are *really* cool, and they're incredibly powerful when it comes to React! This tutorial shows how we can use them with React to create dynamic themes. We'll see how to get the most out of CSS-in-JS tools like styled-components, and how our mental frame around media queries has been wrong all along.

JWJosh W. Comeau·April 13, 2020Frontend
Frontend — Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography — Smashing Magazine

Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography — Smashing Magazine

In this eighth issue of Inspired Design Decisions, Andy Clarke will explain how learning about American graphic designer and typographer Herb Lubalin has transformed his approach to typography on the web. How can we combine elements to develop powerful headers and calls to action? How do we use pre-formatted HTML text, and the text element in SVG for precise control over type? How can we optimise

ACAndy ClarkeAndy Clarke·April 13, 2020Frontend
Frontend — Getting Started With The React Hooks API — Smashing Magazine

Getting Started With The React Hooks API — Smashing Magazine

In this tutorial, you are going to learn and understand what React hooks are, the basic React Hooks that are available and also examples of how to write them for your React applications. In the process, you will also get to know about some additional hooks that were shipped with React 16.8 and also how to write your own custom React Hooks.

SAShedrack AkintayoShedrack Akintayo·April 10, 2020Frontend