Techreport blog

Engineering Insights & Guides

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

11,777 articles
Engineering — Equivalent Experiences: What Are They? — Smashing Magazine

Equivalent Experiences: What Are They? — Smashing Magazine

Our industry tends to place a lot of focus on how, often at the expense of why. An equivalent experience is one that has been deliberately conceived of and built to be able to be used by the widest possible range of people. To create an equivalent experience, you must understand all the different ways people interact with technology, as well as common barriers they experience. Once you have a comm

EBEric BaileyEric Bailey·May 27, 2020Engineering
Performance — Test your home network performance

Test your home network performance

Cloudflare launches speed.cloudflare.com, a tool that allows you to gain in-depth insights into the quality of your network uplink, including throughput, latency and jitter.

AAchielAchiel·May 26, 2020Performance
Performance — HTML Responsive Images Guide

HTML Responsive Images Guide

This guide is about the HTML syntax for responsive images (and a little bit of CSS for good measure). We'll go over srcset and , plus a whole bunch of things to consider to help you get the best performance and design control from your images.

CCChris Coyier·May 26, 2020Performance
Design & UX — Framer Web

Framer Web

The prototyping app Framer just launched the web version of their design tool and it looks pretty darn neat. I particularly love the design of the marketing

RRRobin RendleRobin Rendle·May 26, 2020Design & UX
Frontend — Code in the browser with GitHub Classroom

Code in the browser with GitHub Classroom

Learn about some new ways students can code in the browser. With online integrated development environments (IDEs), students can get right to work in a web browser, avoiding software conflicts that might happen on their local machines.

AJArelia JonesArelia Jones·May 26, 2020Frontend
Systems — Local Testing on an iPhone

Local Testing on an iPhone

Learn how to set up an ideal workflow for debugging your development server on your iPhone. This may not be the most exciting topic I've written about, but it's probably one of the most useful!

JWJosh W. Comeau·May 26, 2020Systems
Engineering — How To Feel More Energized Even When You’re Stuck At A Desk All Day — Smashing Magazine

How To Feel More Energized Even When You’re Stuck At A Desk All Day — Smashing Magazine

A desk is an essential piece of equipment for a web designer. Without it, you’d end up working from wobbly tables at cafes or staring down at your lap all day — uncomfortable options, to say the least. Then again, your desk could also cause you discomfort if you sit in it the wrong way or for too long. Rather than feeling like your desk is a torture device, Suzanne Scacca shares some pointers for

SSSuzanne ScaccaSuzanne Scacca·May 26, 2020Engineering
Frontend — Getting Started With Axios In Nuxt — Smashing Magazine

Getting Started With Axios In Nuxt — Smashing Magazine

Axios is a promise-based HTTP client that works in the browser and Node.js environment or, in simpler terms, it is a tool for making requests in client-side applications and Node.js environment. In this tutorial, Timi Omoyeni will learn how to make a request in our Nuxt.js applications using the Axios module. You will also learn how to use the `ayncData` and `fetch` methods to fetch data on the se

TOTimi OmoyeniTimi Omoyeni·May 26, 2020Frontend
Networking — Making DNS record changes more reliable

Making DNS record changes more reliable

DNS is the very first step in accessing any website, API, or pretty much anything on the Internet, which makes it mission-critical to keeping your site up and running. This week, we are launching two significant changes that allow our customers to better maintain and update their DNS records.

DDinaDina·May 25, 2020Networking
Frontend — Building Reusable React Components Using Tailwind — Smashing Magazine

Building Reusable React Components Using Tailwind — Smashing Magazine

Tailwind is a popular utility-first CSS framework that provides low-level class names to web developers. It does not have any JavaScript and works well with existing frameworks such as React, Vue, Angular, Ember, and others. Whilst this is positive, it can be confusing for new developers to understand how to integrate Tailwind in their applications. In this article, Tilo Mitra will explore ways to

TMTilo MitraTilo Mitra·May 25, 2020Frontend