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
Security — The App Sandbox

The App Sandbox

Batten down the hatches! The app sandbox is now enabled for all web content. This is a fancy way of saying we’ve dialed up the security of the app. It wasn’t unsafe before, but it’s double safe now. What is the “app sandbox,” what is it protecting against, and why does it matter? This post…

RRoss·June 24, 2020Security
Frontend — A Practical Guide To Testing React Applications With Jest — Smashing Magazine

A Practical Guide To Testing React Applications With Jest — Smashing Magazine

Building a well-functioning application requires good testing; otherwise, knowing whether your application works as expected would be a matter of guesswork and luck. Jest is one of the best tools available for testing React applications. In this article, Adeneye David Abiodun will show you everything you need to create a solid test for your React components and application.

ADAdeneye David AbiodunAdeneye David Abiodun·June 24, 2020Frontend
Engineering — How Web Designers Can Help Restaurants Move Into Digital Experiences — Smashing Magazine

How Web Designers Can Help Restaurants Move Into Digital Experiences — Smashing Magazine

We’re at a point now where restaurants can no longer be reluctant or stingy about improving their digital presence. And, as a web designer, this should get you excited. The restaurant industry has begun to undergo a major digital transformation. Those that want to survive will need a website that can handle the new way of operating, which means they can no longer afford to hold onto that cheap web

SSSuzanne ScaccaSuzanne Scacca·June 23, 2020Engineering
Networking — DNS Records UI

DNS Records UI

Configure custom DNS Records for your Domains and apply presets. Right in the Web UI.

VVercel·June 23, 2020Networking
Engineering — An Overview of Scroll Technologies

An Overview of Scroll Technologies

Scroll-related animations have been used on the web for years. In recent years, they’ve started to become more common, perhaps in part due to devices being

ZSZach SaucierZach Saucier·June 22, 2020Engineering
Frontend — Rough Notation

Rough Notation

This is a neat little library. It uses SVG to insert hand-drawn looking annotations to elements (probably text), like underlines and box highlights (there are

CCChris Coyier·June 22, 2020Frontend
Frontend — Easing Animations in Canvas

Easing Animations in Canvas

The <canvas> element in HTML and Canvas API in JavaScript combine to form one of the main raster graphics and animation possibilities on the web. A

DSDarshan SomashekarDarshan Somashekar·June 19, 2020Frontend
Performance — A Monthly Update On All Things Smashing — Smashing Magazine

A Monthly Update On All Things Smashing — Smashing Magazine

Every month, we present an overview of things the Smashing team has been working on — all in one place. We organized Smashing Meets on three days — events that were open to everyone in the web community. With sessions on performance, CSS, GraphQL, and creative courage, we made sure to leave plenty of time for Q&A, networking, competitions and prizes. The past few weeks have been quite challenging:

ILIris LjesnjaninIris Ljesnjanin·June 19, 2020Performance
Design & UX — What Vitruvius Can Teach Us About Web Design — Smashing Magazine

What Vitruvius Can Teach Us About Web Design — Smashing Magazine

The ancients can teach us a thing or two about design — even web design. The Roman architect Vitruvius had buildings in mind when laying out his golden triad, but its principles are just as applicable to the web as they are to brick and mortar. Today’s article is about architecture, and how some of its core tenets apply to the worldwide web. Architectural terms are not unusual in web development,

FOFrederick O BrienFrederick O Brien·June 19, 2020Design & UX
Systems — Why is there a "V" in SIGSEGV Segmentation Fault?

Why is there a "V" in SIGSEGV Segmentation Fault?

My program received a SIGSEGV signal and crashed with "Segmentation Fault" message. Where does the "V" come from? Did I read it wrong? Was there a "Segmentation *V*ault?"? Or did Linux authors make a mistake? Shouldn't the signal be named SIGSEGF?

MMMarek Majkowski, David WraggMarek Majkowski, David Wragg·June 18, 2020Systems