Techreport blog

Engineering Insights & Guides

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

11,844 articles
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
Engineering — The Fastest Google Fonts

The Fastest Google Fonts

When you use font-display: swap;, which Google Fonts does when you use the default &display=swap part of the URL , you're already saying, "I'm cool with

CCChris Coyier·May 22, 2020Engineering
Engineering — April service disruptions analysis

April service disruptions analysis

We had multiple service interruptions in April that may have impacted your projects and businesses. We know how important reliability is for our users and have detailed an analysis on the disruptions.

KBKeith BallingerKeith Ballinger·May 22, 2020Engineering
Distributed — How To Design A Brand Logo (With Ease) — Smashing Magazine

How To Design A Brand Logo (With Ease) — Smashing Magazine

Great logo design can do incredible things for the company behind it. Set the tone for the brand. Improve memorability. Help users emotionally connect to the brand. Create consistency between all marketing channels. Set it apart from the competition. But as a web designer, do you know how to tackle the lofty request of logo design when a client brings it to you?

SSSuzanne ScaccaSuzanne Scacca·May 22, 2020Distributed