Techreport blog

Engineering Insights & Guides

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

11,851 articles
Frontend — fit-content and fit-content()

fit-content and fit-content()

Here's some hardcore deep-dive CSS nerdery from PPK. If you can wrap your mind around min-content (the smallest an element can be based on the content it

CCChris Coyier·May 20, 2021Frontend
Networking — Peering automation at Facebook

Peering automation at Facebook

Traffic on the internet travels across many different kinds of links. A fast and reliable way to exchange traffic between different networks and service providers is through peering. Initially, we managed peering via a time-intensive manual process. Reliable peering is essential for Facebook and for everyone’s internet use. But there is no industry standard for […]

MEMeta Engineering·May 20, 2021Networking
Design & UX — Boost Your Skills Online: Smashing Workshops On Front-End And Design — Smashing Magazine

Boost Your Skills Online: Smashing Workshops On Front-End And Design — Smashing Magazine

Our workshops bring in knowledgeable, kind folks from the community to explore real-life solutions to real-life problems, live, with you. Front-end and design are remarkably complex these days. That’s why we invite kind, smart folks from the community to run online workshops for all of us to learn together. And we have new ones coming up, and we’d like to kindly welcome you to join in.

ILIris LjesnjaninIris Ljesnjanin·May 20, 2021Design & UX
Security — How To Implement Authentication In Next.js With Auth0 — Smashing Magazine

How To Implement Authentication In Next.js With Auth0 — Smashing Magazine

At the moment of adding authentication and authorization to our web applications, there are some things that we should evaluate, e.g. whether we need to create our own security platform or whether we can rely on an existing third-party service. Let’s see how we can implement authentication and authorization in Next.js apps, with Auth0.

FGFacundo GiulianiFacundo Giuliani·May 20, 2021Security
Career & Teams — Notion API

Notion API

The Public Beta of the Notion API dropped! Woot! Here's their guide. I've been a Notion user and fan for a long time, for both personal and professional team

CCChris Coyier·May 19, 2021Career & Teams
Engineering — Ludum Dare 48 staff picks

Ludum Dare 48 staff picks

The theme for Ludum Dare 48 was “deeper and deeper,” which inspired over ten thousand people to create almost four thousand games together over a weekend. As you can imagine,…

LRLee ReillyLee Reilly·May 19, 2021Engineering
Engineering — User-Friendly Mega-Dropdowns: When Hover Menus Fail — Smashing Magazine

User-Friendly Mega-Dropdowns: When Hover Menus Fail — Smashing Magazine

With such a complex multi-level navigation, showing the breadth of options requires quite a bit of space. Think of large eCommerce retailers and large corporate sites, catering to many audiences and having plenty of entry points. Do we need mega-dropdown hover menus in 2021? Probably not. Let’s explore things to keep in mind when designing and building a mega-dropdown, alternatives to hover menus

VFVitaly FriedmanVitaly Friedman·May 19, 2021Engineering
Engineering — Multiplayer Doom on Cloudflare Workers

Multiplayer Doom on Cloudflare Workers

So, if a developer wants to run their next hit, say a real-time multiplayer game, using nothing but their app and Workers, without any servers or traditional infrastructure, can they? Let’s prove they can. Here's Doom Multiplayer running on top of Cloudflare Workers.

CCelsoCelso·May 18, 2021Engineering
Frontend — How to Create Neon Text With CSS

How to Create Neon Text With CSS

Neon text can add a nice, futuristic touch to any website. I’ve always loved the magic of neon signs, and wanted to recreate them using CSS. I thought I’d

SOSilvia O'DwyerSilvia O'Dwyer·May 18, 2021Frontend
Frontend — How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0 — Smashing Magazine

How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0 — Smashing Magazine

Three years ago, we published a comprehensive introduction to the basic use of SVGator. At that time it was an app meant solely for animating SVG files created in other apps. Two years ago, we introduced you to a new version of SVGator and its improved animation capabilities. Today, we are taking a closer look at SVGator 3.0, a new major release of the popular SVG application that lets you create,

MDMikolaj Dobrucki·May 18, 2021Frontend
Performance — How We Improved Our Core Web Vitals (Case Study) — Smashing Magazine

How We Improved Our Core Web Vitals (Case Study) — Smashing Magazine

Google’s “Page Experience Update” will start rolling out in June. At first, sites that meet Core Web Vitals thresholds will have a minor ranking advantage in mobile search for all browsers. Search is important to any business, and this is the story of how Beau Hartshorne and his team at Instant Domain Search improved their Core Web Vitals scores. Plus, an open-source tool they’ve built along the w

BHBeau HartshorneBeau Hartshorne·May 17, 2021Performance
Performance — Tree-Shaking: A Reference Guide — Smashing Magazine

Tree-Shaking: A Reference Guide — Smashing Magazine

Since its early days, JavaScript programs have grown in complexity and the number of tasks they perform. The need to compartmentalize such tasks into closed scopes of execution became apparent. “Tree-shaking” is a must-have performance optimization when bundling JavaScript. In this article, we dive deeper on how exactly it works and how specs and practice intertwine to make bundles leaner and more

AFAtila FassinaAtila Fassina·May 14, 2021Performance