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
Frontend — Svelte for the Experienced React Dev

Svelte for the Experienced React Dev

This post is an accelerated introduction to Svelte from the point of view of someone with solid experience with React. I’ll provide a quick introduction, and

ARAdam RackisAdam Rackis·May 21, 2021Frontend
Frontend — CSS Hell

CSS Hell

Collection of common CSS mistakes, and how to fix them

CCChris Coyier·May 21, 2021Frontend
Career & Teams — Other Driven Developments - Shopify

Other Driven Developments - Shopify

Mental models within an industry, company, or even a person, change constantly. As methodologies mature, we see the long term effects our choices have wrought and can adjust accordingly. As a team or company grows, methodologies that worked well for five people may not work as well for 40 people.

SEShopify Engineering·May 21, 2021Career & Teams
Systems — Building A Rich Text Editor (WYSIWYG) — Smashing Magazine

Building A Rich Text Editor (WYSIWYG) — Smashing Magazine

In this article, Shalabh Vyas will show you how to build a WYSIWYG/Rich-Text Editor that supports rich text, images, links and some nuanced features from word processing apps. We will use SlateJS to build the shell of the editor and then add a toolbar and custom configurations. The code for the application is available on GitHub for reference.

SVShalabh VyasShalabh Vyas·May 21, 2021Systems
Frontend — Learn CSS!

Learn CSS!

Ooo look at this mighty SEO flex from Google: Learn CSS! Well deserved — this is great content. Twenty-three chapters taking you through all the fundamentals

CCChris Coyier·May 20, 2021Frontend
Frontend — JSON in CSS

JSON in CSS

Jonathan Neal tweeted a heck of a little CSS trick the other day, putting JSON inside CSS and plucking it out with JavaScript. Valid values for custom

CCChris Coyier·May 20, 2021Frontend
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