Home/2021
Archive

Year 2021

1,767 articles published in 2021.

Career & Teams — How To Organize Product-Related Assets And Collaborate Better — Smashing Magazine

How To Organize Product-Related Assets And Collaborate Better — Smashing Magazine

A good management of your product records, i.e. all documents associated with your product — saves time, reduces anxiety, boosts onboarding and makes you ready for vacations or sudden leaves. All product specialists should know the basics. Of course, it would be easier for you to find, say, your July report for investors if everyone on the team named and structured their assets consistently. Let’s

VPValeriia PaninaValeriia Panina·May 7, 2021Career & Teams
Career & Teams — How I Define My Boundaries to Prevent Burnout - Shopify

How I Define My Boundaries to Prevent Burnout - Shopify

There’s a way to build a model for your life and the other demands on you. It doesn’t have to be 100 hours a week. It might not even be 40 hours a week. Whatever sustainable model you come up with, prioritize fiercely and communicate expectations accordingly. I’ve worked this way for three decades through different phases of my life. The hours have changed, but the basic model and principles remai

SEShopify Engineering·May 6, 2021Career & Teams
Performance — Improving The Performance Of Shopify Themes (Case Study) — Smashing Magazine

Improving The Performance Of Shopify Themes (Case Study) — Smashing Magazine

When tackling a big refactor, what are the things you should focus on and what performance improvements can you expect? Dealing with themes for large platforms and CMS, legacy issues often become a bottleneck. In this article, Carson Shold discusses how his team improved the performance and organization of their Shopify themes, and improved maintainability along the way.

CSCarson SholdCarson Shold·May 6, 2021Performance
Systems — GitHub Availability Report: April 2021

GitHub Availability Report: April 2021

In April, we experienced two incidents resulting in significant impact and degraded state of availability for API requests and the GitHub Packages service, specifically the GitHub Packages Container registry service.…

KBKeith BallingerKeith Ballinger·May 5, 2021Systems
Performance — Reducing HTML Payload With Next.js (Case Study) — Smashing Magazine

Reducing HTML Payload With Next.js (Case Study) — Smashing Magazine

This article showcases a case study of Bookaway’s landing page performance. It’s about a couple of things that Bookaway faced and Liran Cohen (as part of a company in the traveling industry) managed to optimize the pages, so that the HTML they send is smaller. Smaller HTML means less time for Google to download and process those long strings of text. Today you’ll see how taking care of the props y

LCLiran CohenLiran Cohen·May 5, 2021Performance
Frontend — Creating Colorful, Smart Shadows

Creating Colorful, Smart Shadows

A bona fide CSS trick from Kirupa Chinnathambi here. To match a colored shadow with the colors in the background-image of an element, you inherit the

CCChris Coyier·May 4, 2021Frontend
Performance — How we use Web Components at GitHub

How we use Web Components at GitHub

At GitHub, we pride ourselves on delivering a first-class developer experience. A considerable part of our work is on our front end, which we strive to keep as lightweight, fast,…

KOKristján OddssonKristján Oddsson·May 4, 2021Performance
Engineering — A Guide To Undoing Mistakes With Git (Part 1) — Smashing Magazine

A Guide To Undoing Mistakes With Git (Part 1) — Smashing Magazine

No matter how experienced you are, mistakes are an inevitable part of software development. But we can learn to repair them! During the course of this article, you’ll witness many disasters — but you’ll see that virtually nothing is beyond repair in Git! Once you know the right commands, you can always find a way to save your neck. And this is what Tobias will be looking at in this two-part series

TGTobias GuentherTobias Guenther·May 4, 2021Engineering
Frontend — Swipey Image Grids

Swipey Image Grids

I hope people think of SVG as a vector format that is good for drawing things. There is plenty more to know, but here's one more: SVG is good for composition.

CCChris Coyier·May 3, 2021Frontend
Frontend — The Evolution Of Jamstack — Smashing Magazine

The Evolution Of Jamstack — Smashing Magazine

Web-oriented databases, frameworks like Nuxt and Next.js, and even frameworkless approaches are evolving the Jamstack, but the core principles are more powerful than ever. As the developer community has grown, there’s also been more noise, and we’re even starting to test the boundaries of Jamstack’s best practices. It feels like the right time to both revisit the original vision some of us had fiv

MBMathias BiilmannMathias Biilmann·May 3, 2021Frontend
Career & Teams — A Product Story: The Lessons of Backstage and Spotify’s Autonomous Culture

A Product Story: The Lessons of Backstage and Spotify’s Autonomous Culture

TLDR; In episode 08 of our podcast series “”, we share stories and lessons from building and open sourcing , our homegrown developer portal. Hear why a developer-friendly, market-based platform like Backstage could only have been developed at Spotify (where autonomy is prized, not top-down mandates) and why that ends up making Backstage such a flexible fit for other companies, too. and get all our

SESpotify Engineering·May 1, 2021Career & Teams
Distributed — Stuff The Internet Says On Scalability For April 30th, 2021 - High Scalability -

Stuff The Internet Says On Scalability For April 30th, 2021 - High Scalability -

Hey, HighScalability is back! This channel is the perfect blend of programming, hardware, engineering, and crazy. After watching you’ll feel inadequate, but in an entertained sort of way. Love this Stuff? I need your support on Patreon to keep this stuff going. Do employees at your company need to know about the cloud? My book will teach them all they need to know. Explain the Cloud Like I'm 10. O

HSHigh Scalability·April 30, 2021Distributed
Frontend — List Markers and String Styles

List Markers and String Styles

Lists—we’ve all worked with them in one form or another. I’m talking about HTML’s <ol> and <ul>. Much of the time, because we desire styling

EMEric MeyerEric Meyer·April 29, 2021Frontend
Engineering — Goodbye Dependabot Preview, hello Dependabot!

Goodbye Dependabot Preview, hello Dependabot!

Dependabot Preview has helped more than 30,000 organizations keep their packages updated with more than seven million pull requests merged since it launched. As a result of that success, the…

MMMike McDonaldMike McDonald·April 29, 2021Engineering
Distributed — Scaling monorepo maintenance

Scaling monorepo maintenance

At GitHub, we serve some of the largest Git repositories on the planet. We also serve some of the fastest-growing repositories. Each day, the largest repositories we host become even…

TBTaylor BlauTaylor Blau·April 29, 2021Distributed
SRE & Ops — A brief history of Rust at Facebook

A brief history of Rust at Facebook

Facebook is embracing Rust, one of the most loved and fastest-growing programming languages available today. In addition to bringing new talent to its Rust team, Facebook has announced that it is officially joining the nonprofit Rust Foundation. Alongside fellow members including Mozilla (the creators of Rust), AWS, Microsoft, and Google, Facebook will be working to […]

CWChris Wiltz·April 29, 2021SRE & Ops
Performance — The Humble Element And Core Web Vitals — Smashing Magazine

The Humble Element And Core Web Vitals — Smashing Magazine

Images have also been a key part of the web. They communicate ideas instantly, but they are also a lot heavier than text to load. This means that it’s essential to get loading and displaying them right, if you want to give your users a fantastic first impression. An excerpt from Addy Osmani

AOAddy OsmaniAddy Osmani·April 29, 2021Performance
Engineering — A Five-Step Guide for Conducting Exploratory Data Analysis - Shopify

A Five-Step Guide for Conducting Exploratory Data Analysis - Shopify

Have you ever been handed a dataset and then been asked to describe it? When I was first starting out in data science, this question confused me. My first thought was “What do you mean?” followed by “Can you be more specific?” The reality is that exploratory data analysis (EDA) is a critical tool in every data scientist’s kit, and the results are invaluable for answering important business questio

SEShopify Engineering·April 28, 2021Engineering
Performance — Meet Image Optimization, A New Smashing Book By Addy Osmani — Smashing Magazine

Meet Image Optimization, A New Smashing Book By Addy Osmani — Smashing Magazine

The cat is out! For the last year, we’ve been working with Addy Osmani on a new Smashing Book all around image optimization. And now it’s here. Meet “Image Optimization”, our practical modern guide to delivering high-quality images on the web with the best performance. Image optimization, loading behavior and rendering in the browser require understanding of image formats and image compression tec

VFVitaly FriedmanVitaly Friedman·April 28, 2021Performance
Databases — PostgreSQL: Understanding deadlocks

PostgreSQL: Understanding deadlocks

"ERROR: deadlock detected" - message - what should I do? This article explains what this really means and how deadlocks can be prevented.

HSHans-Jürgen SchönigHans-Jürgen Schönig·April 27, 2021Databases
Career & Teams — Mind the platform execution gap

Mind the platform execution gap

Developer productivity platforms are increasingly recognised as a way to manage the cognitive load of engineering teams and decrease time to market for new features. However, there are baseline capabilities that organisations need to cultivate in order to successfully execute on a plaform strategy. The platform team needs to think of the platform as a software product, needing dialog with its user

CGCristóbal García García and Chris Ford·April 27, 2021Career & Teams
SRE & Ops — Reverse debugging at scale

Reverse debugging at scale

Say you receive an email notification that a service is crashing just after your last code change deploys. The crash happens in only 0.1 percent of the servers where it runs. But you’re at a large-scale company, so 0.1 percent equals thousands of servers — and this issue is going to be hard to reproduce. Several […]

MEMeta Engineering·April 27, 2021SRE & Ops
Performance — Understanding Easing Functions For CSS Animations And Transitions — Smashing Magazine

Understanding Easing Functions For CSS Animations And Transitions — Smashing Magazine

Easing functions can change the look and feel of an animation by affecting the rate, or speed, of an animation. As human beings, we are accustomed to a natural, non-linear motion. Using those custom-easing functions in the animations can lead to an improved impression on users and a more delightful user experience. In this article, we’re going to take a deep dive into easing functions and see how

ABAdrian BeceAdrian Bece·April 27, 2021Performance
Design & UX — How To Bake Layers Of Accessibility Testing Into Your Process — Smashing Magazine

How To Bake Layers Of Accessibility Testing Into Your Process — Smashing Magazine

Accessibility experts Kate Kalcevich and Mike Gifford introduce readers to "layered accessibility testing”, a practice of using a variety of tools and approaches at different stages in the digital product lifecycle to catch accessibility issues early — when it’s easier and cheaper to fix them. In this article, Kate Kalcevich & Mike Gifford will share how to “layer” accessibility testing by using a

KMKatekalcevich Mikegifford·April 26, 2021Design & UX
Engineering — Solving The Vaccine Data Problem

Solving The Vaccine Data Problem

VaccinateCA, the non-profit I have been running, expanded nationally to Vaccinate The States . Here's what we've learned in the last 100 days.

PMPatrick McKenziePatrick McKenzie·April 23, 2021Engineering
Performance — Load Testing with Koi Pond

Load Testing with Koi Pond

Complex systems are difficult to reason about at scale; we often can’t accurately extrapolate system behavior and performance, so we need to derive that data empirically. We use load testing to do just that: find the limits of our systems and weed out bugs at a large scale in a controlled environment. Slack is a…

SRShreya Ramesh·April 23, 2021Performance
Frontend — A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors — Smashing Magazine

A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors — Smashing Magazine

The CSS Working Group Editor’s Draft for [Selectors Level 4](https://drafts.csswg.org/selectors-4/) includes several pseudo-class selectors that already have proposal candidates in most modern browsers. This guide will cover ones that currently have the best support along with examples to demonstrate how you can start using them today!

SEStephanie EcklesStephanie Eckles·April 23, 2021Frontend
Engineering — Text That Sometimes Turns to Emojis

Text That Sometimes Turns to Emojis

There are some Unicode characters that some browsers just decide they are going to turn into emojis for you. I couldn't tell you why exactly, but here's what

CCChris Coyier·April 22, 2021Engineering
Engineering — Environmental sustainability at GitHub

Environmental sustainability at GitHub

At GitHub, we believe in the extraordinary potential and power of a diverse, collaborative developer community to accelerate human progress. Just look at the first-ever powered flight on another planet…

EBErica BresciaErica Brescia·April 22, 2021Engineering
Performance — Web Design Done Well: The Ordinary Made Extraordinary — Smashing Magazine

Web Design Done Well: The Ordinary Made Extraordinary — Smashing Magazine

Sometimes it’s the little things in web life that make us look twice. From carousels to documentation to cookie disclaimers, here are some sites taking the mundane and sprinkling in a little magic. Great ideas in web design come so thick and fast that it can be easy to miss them if you’re not careful. In this article, Frederick O’Brien brings you a small antidote to that, piecing together splashes

FOFrederick O BrienFrederick O Brien·April 22, 2021Performance