Techreport blog

Engineering Insights & Guides

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

11,845 articles
Engineering — How To Port Your Web App To Microsoft Teams — Smashing Magazine

How To Port Your Web App To Microsoft Teams — Smashing Magazine

On your list of places where people might access your web app, Teams is probably number “not-on-the-list”. But it turns out that making your app accessible where your users are already working has some profound benefits. In this article, Tomomi Imura and Daisy Chaussee will take a look at how Teams makes web apps a first-class citizen, and how it enables you to interact with those apps in complete

TITomomi Imura Daisy ChausseeTomomi Imura Daisy Chaussee·February 2, 2021Engineering
Engineering — "Cancelable" Smooth Scrolling

"Cancelable" Smooth Scrolling

Here's the situation: Your site offers a "scroll back to top" button, and you've implemented smooth scrolling. As the page scrolls back to the top, users see

CCChris Coyier·February 1, 2021Engineering
Frontend — No-Jank CSS Stripes

No-Jank CSS Stripes

My mind goes immediately to repeating-linear-gradient and hard-stop gradients when thinking of creating stripes in CSS. You make one stripe by using the same

CCChris Coyier·February 1, 2021Frontend
AI & ML — Stuff The Internet Says On Scalability For February 1st, 2021 - High Scalability -

Stuff The Internet Says On Scalability For February 1st, 2021 - High Scalability -

Hey, it's HighScalability time once again! Amazon converts expenses into revenue by transforming needs into products. Take a look at a fulfillment center and you can see the need for Outpost, machine learning, IoT, etc, all dogfooded. Willy Wonka would be proud. Do you like this sort of Stuff? Without your support on Patreon this Stuff won't happen. Know someone who could benefit from becoming one

HSHigh Scalability·February 1, 2021AI & ML
SRE & Ops — Slack’s Outage on January 4th 2021

Slack’s Outage on January 4th 2021

And now we welcome the new year. Full of things that have never been. — Rainer Maria Rilke January 4th 2021 was the first working day of the year for many around the globe, and for most of us at Slack too (except of course for our on-callers and our customer experience team, who never…

LNLaura Nolan·February 1, 2021SRE & Ops
Frontend — Things You Can Do With CSS Today — Smashing Magazine

Things You Can Do With CSS Today — Smashing Magazine

The present and future of CSS are very bright indeed and if you take a pragmatic, progressive approach to your CSS, then things will continue to get better and better on your projects, too. Some of the really handy powers CSS gives you might have slipped you by, so in this article, Andy Bell will take a look into masonry layout, :is selector, clamp(), ch and ex units, updated text decoration, and

ABAndy BellAndy Bell·February 1, 2021Frontend
Engineering — Inspiring Wallpapers For February 2021 And A Little Creativity Challenge — Smashing Magazine

Inspiring Wallpapers For February 2021 And A Little Creativity Challenge — Smashing Magazine

Let’s make this February more colorful! Apart from a new collection of wallpapers, we also have a little creativity challenge waiting for you this month. It’s the perfect occasion to share your ideas with the world — and win a smashing prize along the way. The wallpapers in this post come with and without a calendar for February 2021, and, as a little bonus goodie, you’ll also discover some famili

CMCosima MielkeCosima Mielke·January 31, 2021Engineering
Frontend — Bulletproof flag components

Bulletproof flag components

A clever use of CSS grid from Jay Freestone to accomplish a particular variation of the media object design pattern (where the image is centered with the

CCChris Coyier·January 29, 2021Frontend
Frontend — Dynamic Static Typing In TypeScript — Smashing Magazine

Dynamic Static Typing In TypeScript — Smashing Magazine

In this article, we look at some of the more advanced features of TypeScript, like union types, conditional types, template literal types, and generics. We want to formalize the most dynamic JavaScript behavior in a way that we can catch most bugs before they happen. We apply several learnings from all chapters of TypeScript in 50 Lessons, a book we’ve published here on Smashing Magazine late 2020

SBStefan BaumgartnerStefan Baumgartner·January 29, 2021Frontend
Frontend — GreenSock ScrollTrigger

GreenSock ScrollTrigger

High five to the Greensock gang for the ScrollTrigger release. The point of this new plugin is triggering animation when a page scrolls to certain positions,

CCChris Coyier·January 28, 2021Frontend
Frontend — A Whole Website in a Single HTML File

A Whole Website in a Single HTML File

I can’t stop thinking about this site. It looks like a pretty standard fare; a website with links to different pages. Nothing to write home about except

RRRobin RendleRobin Rendle·January 28, 2021Frontend