Techreport blog

Engineering Insights & Guides

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

11,784 articles
Design & UX — Making A Strong Case For Accessibility — Smashing Magazine

Making A Strong Case For Accessibility — Smashing Magazine

Accessibility is often overlooked or bolted on to the end of a project from the experiences in Todd’s career in web development and design. The case for accessibility is something we as people who create and build things for the web should be implementing and advocating for from the inception of a project to the release or handoff and beyond.

TLTodd LibbyTodd Libby·July 9, 2021Design & UX
SRE & Ops — Smart(er) Origin Service Level Monitoring

Smart(er) Origin Service Level Monitoring

Today we’re excited to announce Origin Error Rate notifications: a new, sophisticated way to detect and notify you when Cloudflare sees elevated levels of 5xx errors from your origin.

CCloudflare·July 8, 2021SRE & Ops
Performance — Tools And Practices To Speed Up The Vue.js Development Process — Smashing Magazine

Tools And Practices To Speed Up The Vue.js Development Process — Smashing Magazine

Even though Vue.js claims to have an approachable minimalist framework that can be incrementally adaptable, it can be a little bit overwhelming when starting as a Vue.js newbie. In this tutorial, Uma Victor will take a look at some tips and tools to help you become a better Vue developer. You will start with some helpful insights on organizing your projects for scale and other great points to note

UVUma VictorUma Victor·July 8, 2021Performance
Frontend — A Look at Building with Astro

A Look at Building with Astro

Astro is a brand new framework for building websites. To me, the big thing is that it allows you to build a site like you're using a JavaScript framework (and

CCChris Coyier·July 7, 2021Frontend
Frontend — The Web’s Worst Default

The Web’s Worst Default

There are a lot of great defaults when it comes to browsers and the web. Think about all the accessibility features that are baked into HTML so that you don’t

RRRobin RendleRobin Rendle·July 7, 2021Frontend
Design & UX — An Introduction To Figma Interactive Components — Smashing Magazine

An Introduction To Figma Interactive Components — Smashing Magazine

In this article, Emiliano explains why Figma Interactive Components (now in beta) will improve how we create prototypes. The new feature reduces the time and effort needed to create interactions by bringing down the cost of design exploration. There’s no need for previous Figma knowledge and experience — all you’ll need is a free Figma account if you’d like to try it out for yourself.

ECEmiliano CiceroEmiliano Cicero·July 7, 2021Design & UX
Engineering — Body Toggle

Body Toggle

I appreciate the clarity of this trick that Mikael Ainalem posted over on Reddit:

CCChris Coyier·July 6, 2021Engineering
Engineering — How To Choose A Headless CMS — Smashing Magazine

How To Choose A Headless CMS — Smashing Magazine

There is an array of Headless CMSes out there. In this article, we delve into headless CMS features to satisfy your content editors, marketers and yourself as a developer. For the experience headless practitioner, this could be a checklist to see what’s new out there. For those starting out on their headless journey, this could be a guide on what to look for.

ETEmmanuel TisseraEmmanuel Tissera·July 6, 2021Engineering
Engineering — Strength in Diversity: APAC Heritage Month

Strength in Diversity: APAC Heritage Month

In the United States, May is Asian American and Pacific Islander Heritage Month. This year, we wanted to celebrate this occasion in a more inclusive and comprehensive way, which is why we called our celebration APAC Heritage Month.

AJArwa, Jessica IyerArwa, Jessica Iyer·July 5, 2021Engineering
Frontend — Using HSL Colors In CSS — Smashing Magazine

Using HSL Colors In CSS — Smashing Magazine

HSL colors are very powerful when we use them the right way. They can save us time and effort and even help us to explore options for how to apply color to design. In this article, Ahmad Shadeed explains what HSL is, how to use it, and shares some of the useful use-cases and examples that you can use right away in your current projects.

ASAhmad ShadeedAhmad Shadeed·July 5, 2021Frontend