Home/2021
Archive

Year 2021

1,782 articles published in 2021.

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
Engineering — Zero-Width Space

Zero-Width Space

The name zero-width space is antithetical, but it's not without uses. In text, maybe you'd use it around slashes because you want to be sure the words are

CCChris Coyier·July 2, 2021Engineering
Architecture — Email Testing Flow As It Should Be — Smashing Magazine

Email Testing Flow As It Should Be — Smashing Magazine

Email sending functionality is an integral part of every digital product that involves communication with its users (read: any online service). With so many tools and approaches, email still has quite a few pain points, both for developers and email marketers. Email is difficult because it has too many aspects to set and a few instances with no common rules to follow.

AZAndriy ZapisotskyiAndriy Zapisotskyi·July 2, 2021Architecture
Architecture — It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them — Smashing Magazine

It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them — Smashing Magazine

When writing front-end tests, you’ll find a lot of pitfalls along the way. In sum, they can lead to lousy maintainability, slow execution time, and — in the worst case — tests you cannot trust. But it doesn’t have to be that way. In this article, I will talk about common mistakes developers make, at least in my experience, and, of course, how to avoid them. Testing doesn’t need to be painful, afte

RSRamona SchweringRamona Schwering·July 1, 2021Architecture
Frontend — When a Click is Not Just a Click

When a Click is Not Just a Click

The click event is quite simple and easy to use; you listen for the event and run code when the event is fired. It works on just about every HTML element

TATravis AlmandTravis Almand·June 30, 2021Frontend
Languages — Fixing a Bug in Low-Resolution Mode

Fixing a Bug in Low-Resolution Mode

I was working on a bug ticket the other day where it was reported that an icon was sitting low in a button. Just not aligned like it should be. I had to go on

CCChris Coyier·June 30, 2021Languages
Frontend — Chromium spelling and grammar features

Chromium spelling and grammar features

Delan Azabani digs into the (hopefully) coming soon ::spelling-error and ::grammar-error pseudo selectors in CSS. Design control is always nice. Hey, if we

CCChris Coyier·June 29, 2021Frontend
Performance — Breaking Down Bulky Builds With Netlify And Next.js — Smashing Magazine

Breaking Down Bulky Builds With Netlify And Next.js — Smashing Magazine

Static Generation is great for performance — until the app gets too big and build-times go through the roof. Today, we’ll have a look at how Netlify’s fresh On-Demand Builders can fix that. Additionally, we pair it up with Next.js’ Incremental Static Regeneration for the best user and developer experience. And, of course, benchmark those results!

AFAtila FassinaAtila Fassina·June 29, 2021Performance
SRE & Ops — Asicmon: A platform agnostic observability system for AI accelerators

Asicmon: A platform agnostic observability system for AI accelerators

Accelerators are special-purpose hardware devices optimized for specific applications, like AI prediction and video encoding. And Application-specific hardware platforms play an important role in meeting the growing latency and compute demands of workloads like deep learning, content understanding, and video encoding. At Facebook, the inevitable rise in use of accelerators in our data centers has

CWChris Wiltz·June 28, 2021SRE & Ops
Networking — Driving towards an open internet ecosystem to help tackle the digital divide

Driving towards an open internet ecosystem to help tackle the digital divide

Connectivity is an integral part of Facebook’s mission to bring people closer together, and the COVID-19 pandemic has only heightened the demand for critical internet access. According to the latest edition of our Inclusive Internet Index, nearly 70 percent of people around the world believe that increased internet usage in all aspects of their lives […]

CWChris Wiltz·June 28, 2021Networking
Frontend — Creating Custom Emmet Snippets In VS Code — Smashing Magazine

Creating Custom Emmet Snippets In VS Code — Smashing Magazine

In this article, Manuel explains why Emmet is one of his favorite productivity tools for writing HTML and CSS, and how you can create custom Emmet snippets in Visual Studio Code to help you improve your front-end workflows even more. It takes some time to create these snippets, but it’s worth the effort because you can customize Emmet to your personal preferences, automate repetitive tasks and sav

MManuelmatuzovic·June 28, 2021Frontend
Distributed — Stuff The Internet Says On Scalability For June 25th, 2021 - High Scalability -

Stuff The Internet Says On Scalability For June 25th, 2021 - High Scalability -

Hey, it's HighScalability time! Only listen if you want a quantum earworm for the rest of the day. Not your style? This is completely different. No, it’s even more different than that. Today in things that nobody stopped me from doing: The AWS Elastic Load Balancer Yodel Rag. pic.twitter.com/ocyVLf8WlUMay 28, 2021 Love this Stuff? I need your support on Patreon to help keep this stuff going. Do em

HSHigh Scalability·June 25, 2021Distributed
Frontend — Creating A Multi-Author Blog With Next.js — Smashing Magazine

Creating A Multi-Author Blog With Next.js — Smashing Magazine

This article explains how we can connect different types of content in a Next.js application. With this technique, we can add any kind of one-to-one, one-to-many, or even many-to-many relationship to our projects. Today, Dom Habersack is going to build a blog with Next.js that supports two or more authors. You will attribute each post to an author and show their name and picture with their posts.

DDomhabersackDomhabersack·June 25, 2021Frontend
Design & UX — How To Run A UX Audit For A Major EdTech Platform (Case Study) — Smashing Magazine

How To Run A UX Audit For A Major EdTech Platform (Case Study) — Smashing Magazine

A UX audit is a simple and efficient way to check whether design elements are performing their function. It’s also a good way to look at an existing design from a fresh perspective. This article is a case study of how a UX audit affects a UI. It explains how a famous educational platform can be analyzed edX against Jakob Nielsen’s usability guidelines. To get started, Mark Lankmiller shares all of

MLMark LankmilierMark Lankmilier·June 25, 2021Design & UX
Frontend — Browser VNC with Zero Trust Rules

Browser VNC with Zero Trust Rules

Starting today, we’re excited to share that you can now shift another traditional client-driven use case to a browser. Teams can now provide their users with a Virtual Network Computing (VNC) client fully rendered in the browser with built-in Zero Trust controls.

KKennyKenny·June 24, 2021Frontend
Engineering — Chapter 9: Community

Chapter 9: Community

In April of 2009, Yahoo! shut down GeoCities. Practically overnight, the once beloved service had its signup page replaced with a vague message announcing its

JHJay Hoffmann·June 24, 2021Engineering
Design & UX — The Rise Of Design Thinking As A Problem Solving Strategy — Smashing Magazine

The Rise Of Design Thinking As A Problem Solving Strategy — Smashing Magazine

In the dynamic and unpredictable environments in which we work, even the most carefully crafted solutions can have a short shelf life. When we accept that our work is impermanent and our problem-solving abilities are limited, our goal can shift from delivering full solutions to developing tools that empower our users to adaptively design for themselves.

JSJosh SingerJosh Singer·June 24, 2021Design & UX
Engineering — Introducing the new GitHub Issues

Introducing the new GitHub Issues

Announcing new beta features for GitHub Issues for better planning and tracking of your projects in GitHub, including project tables, task lists, and issue forms.

MRMario RodriguezMario Rodriguez·June 23, 2021Engineering
Frontend — Smashing Online Workshops (July-October 2021) — Smashing Magazine

Smashing Online Workshops (July-October 2021) — Smashing Magazine

What’s the state of HTML Email? How do we build and establish a successful design system? Frontend and design are remarkably complex these days. That’s why we invite kind, smart folks from the community to run [online workshops](https://smashingconf.com/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·June 23, 2021Frontend
Languages — Automating Screen Reader Testing On macOS Using Auto VO — Smashing Magazine

Automating Screen Reader Testing On macOS Using Auto VO — Smashing Magazine

Automated testing is an important part of any software project, including testing for accessibility. There are already tools for linting and integration testing accessibility, but what about end-to-end testing with real assistive technology? Since I hadn’t seen this before, I set out to build Auto VO, a driver for the VoiceOver screen reader.

CCCameron CundiffCameron Cundiff·June 23, 2021Languages
Performance — Vercel: Series C funding announcement

Vercel: Series C funding announcement

Vercel has added an additional $102 million of investment at a valuation greater than $1BN. This is a major milestone for our company, customers, and community in our mission to build a faster web, together.

VVercel·June 23, 2021Performance
Engineering — Sudan's exam-related Internet shutdowns

Sudan's exam-related Internet shutdowns

To prevent cheating in exams many countries restrict or even shut down Internet access during critical exam hours. I wrote two weeks ago about Syria having planned Internet shutdowns during June, for exams. Sudan is doing the same thing and has had four shutdowns so far.

JGJohn Graham CummingJohn Graham Cumming·June 22, 2021Engineering
Frontend — inherit, initial, unset, revert

inherit, initial, unset, revert

There are four keywords that are valid values for any CSS property (see the title). Of those, day to day, I'd say I see the inherit used the most. Perhaps

CCChris Coyier·June 22, 2021Frontend
Frontend — Using Custom Elements in Svelte

Using Custom Elements in Svelte

Svelte fully supports custom elements (e.g. <my-component>) without any custom configuration or wrapper components and has a perfect score on Custom

GRGeoff RichGeoff Rich·June 22, 2021Frontend
SRE & Ops — Consolidating Facebook storage infrastructure with Tectonic file system

Consolidating Facebook storage infrastructure with Tectonic file system

What the research is: Tectonic, our data center scale distributed file system, enables better resource utilization, promotes simpler services, and requires less operational complexity than our previous approach. Our previous storage infrastructure consisted of a set of use-case specific storage systems. Clusters, or instances of these storage systems, used to scale to tens of petabytes. […] Read M

MEMeta Engineering·June 21, 2021SRE & Ops
AI & ML — Meet Kats — a one-stop shop for time series analysis

Meet Kats — a one-stop shop for time series analysis

What it is: A new library to analyze time series data. Kats is a lightweight, easy-to-use, and generalizable framework for generic time series analysis, including forecasting, anomaly detection, multivariate analysis, and feature extraction/embedding. To the best of our knowledge, Kats is the first comprehensive Python library for generic time series analysis, which provides both classical […] Rea

MEMeta Engineering·June 21, 2021AI & ML