Home/2020
Archive

Year 2020

2,167 articles published in 2020.

Performance — Catching up with Workers KV

Catching up with Workers KV

Today, we’d like to share with you some of the stuff that has recently shipped in Workers KV: a new feature and an internal change that should significantly improve latency in some cases. Let’s dig in!

SSteveSteve·June 29, 2020Performance
Frontend — Styling Layout Wrappers In CSS

Styling Layout Wrappers In CSS

Two things that strike me often about the web are how many ways there are to go about the same thing and how many considerations go into even the most

GGGeoff GrahamGeoff Graham·June 29, 2020Frontend
SRE & Ops — All Hands on Deck

All Hands on Deck

This story speaks to the process behind incident response at Slack and uses the May 12th, 2020 outage as an example. For a deeper technical review of the same outage, read Laura Nolan’s post, “A Terrible, Horrible, No-Good, Very Bad Day at Slack” Slack is a critical tool for millions of people, so it’s natural when…

RRoss·June 29, 2020SRE & Ops
SRE & Ops — A Terrible, Horrible, No-Good, Very Bad Day at Slack

A Terrible, Horrible, No-Good, Very Bad Day at Slack

This story describes the technical details of the problems that caused the Slack downtime on May 12th, 2020. To learn more about the process behind incident response for same outage, read Ryan Katkov’s post, “All Hands on Deck”. On May 12, 2020, Slack had our first significant outage in a long time. We published a summary…

RRoss·June 29, 2020SRE & Ops
Frontend — Firebase Push Notifications In React — Smashing Magazine

Firebase Push Notifications In React — Smashing Magazine

In this tutorial, Chidi Orji will show you how to work with Firebase push notifications in the backend and frontend. We’ll set up the notifications system with an Express back-end server. Afterwards, you’ll listen for the notifications in a React front-end app. You will implement the backend first, then move on to the frontend. In that way, you can use whichever section appeals more to you. So let

COChidi OrjiChidi Orji·June 29, 2020Frontend
Engineering — In Defense of a Fussy Website

In Defense of a Fussy Website

The other day I was doom-scrolling twitter, and I saw a delightful article titled “The Case for Fussy Breakfasts.” I love food and especially breakfast, and

SDSarah DrasnerSarah Drasner·June 26, 2020Engineering
Frontend — The Return of the 90s Web

The Return of the 90s Web

One of my forever-lessons here on CSS-Tricks is that having your own website and blogging on it is a good idea. It's probably one of the best decisions I've

CCChris Coyier·June 26, 2020Frontend
Frontend — Line-Animated Hamburger Menu

Line-Animated Hamburger Menu

This kind of SVG + CSS animation trickery is catnip to me. Mikael Ainalem shares how to draw a hamburger icon (the "three lines" thing you're well familiar

CCChris Coyier·June 26, 2020Frontend
Frontend — Dropbox dives into CoffeeScript

Dropbox dives into CoffeeScript

During July's Hackweek, the three of us rewrote Dropbox's full browser-side codebase to use CoffeeScript instead of JavaScript, and we've been really happy with how it's been going so far. This is a controversial subject, so we thought we'd start by explaining why...

DWDan Wheeler·June 26, 2020Frontend
SRE & Ops — GitHub Action Hero: Victoria Drake

GitHub Action Hero: Victoria Drake

GitHub Actions allows you to automate your workflow. With GitHub Actions, you can deploy to any cloud, build containers, automate messages, and do so much more. Use any tool you…

MDMichelle DukeMichelle Duke·June 26, 2020SRE & Ops
Distributed — Stuff The Internet Says On Scalability For June 26th, 2020 - High Scalability -

Stuff The Internet Says On Scalability For June 26th, 2020 - High Scalability -

Hey, it's HighScalability time! Line noise? Perl? Still uncertain? It's how you program a quantum computer. Silq. Do you like this sort of Stuff? Without your support on Patreon this kind of Stuff can't happen. You are that important to the fate of the smart and thoughtful world. Know someone who could benefit from understanding the cloud? Of course you do. I wrote Explain the Cloud Like I'm 10 ju

HSHigh Scalability·June 26, 2020Distributed
Design & UX — Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form — Smashing Magazine

Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form — Smashing Magazine

In the tenth issue of Inspired Design Decisions, Andy Clarke will explain how Giovanni Pintori — the Italian graphic designer best known for his work with Olivetti — can inspire design for the web with his distinctive use of color and shape. Andy will teach you how to use color to attract attention and then to lead someone’s eye around a design. He’ll discuss how a minimal color palette can act as

ACAndy ClarkeAndy Clarke·June 26, 2020Design & UX
Engineering — Some Typography Links III

Some Typography Links III

I just can't stop opening excellent typography-related articles, which means I need to subject you to blog posts that round them up so I can clean up my open

CCChris Coyier·June 25, 2020Engineering
Frontend — The Mad Magazine Fold-In Effect in CSS

The Mad Magazine Fold-In Effect in CSS

This was always my favorite thing in Mad magazine. One page (the inside of the back cover, I think) was covered in a zany illustration. You folded that page

CCChris Coyier·June 25, 2020Frontend
SRE & Ops — Dependabot now updates your Actions workflows

Dependabot now updates your Actions workflows

GitHub Actions makes it easy to automate all your software workflows, from continuous integration and delivery to issue triage and more. Whether you want to build a container, deploy a…

AMAlex Mullans·June 25, 2020SRE & Ops
Engineering — Django Highlights: Wrangling Static Assets And Media Files (Part 4) — Smashing Magazine

Django Highlights: Wrangling Static Assets And Media Files (Part 4) — Smashing Magazine

Front-end developers and designers create amazing static assets for web applications. Today, Philip Kiely will be focusing on what happens after the style hotfix or beautiful graphic you just finished is pushed to master. He’ll also investigate handling files that users upload, called media files. Together, you’ll develop an intuition for the strategies available to Django developers for serving t

PKPhilip KielyPhilip Kiely·June 25, 2020Engineering
Security — The App Sandbox

The App Sandbox

Batten down the hatches! The app sandbox is now enabled for all web content. This is a fancy way of saying we’ve dialed up the security of the app. It wasn’t unsafe before, but it’s double safe now. What is the “app sandbox,” what is it protecting against, and why does it matter? This post…

RRoss·June 24, 2020Security
Frontend — A Practical Guide To Testing React Applications With Jest — Smashing Magazine

A Practical Guide To Testing React Applications With Jest — Smashing Magazine

Building a well-functioning application requires good testing; otherwise, knowing whether your application works as expected would be a matter of guesswork and luck. Jest is one of the best tools available for testing React applications. In this article, Adeneye David Abiodun will show you everything you need to create a solid test for your React components and application.

ADAdeneye David AbiodunAdeneye David Abiodun·June 24, 2020Frontend
Engineering — How Web Designers Can Help Restaurants Move Into Digital Experiences — Smashing Magazine

How Web Designers Can Help Restaurants Move Into Digital Experiences — Smashing Magazine

We’re at a point now where restaurants can no longer be reluctant or stingy about improving their digital presence. And, as a web designer, this should get you excited. The restaurant industry has begun to undergo a major digital transformation. Those that want to survive will need a website that can handle the new way of operating, which means they can no longer afford to hold onto that cheap web

SSSuzanne ScaccaSuzanne Scacca·June 23, 2020Engineering
Networking — DNS Records UI

DNS Records UI

Configure custom DNS Records for your Domains and apply presets. Right in the Web UI.

VVercel·June 23, 2020Networking
Engineering — An Overview of Scroll Technologies

An Overview of Scroll Technologies

Scroll-related animations have been used on the web for years. In recent years, they’ve started to become more common, perhaps in part due to devices being

ZSZach SaucierZach Saucier·June 22, 2020Engineering
Frontend — Rough Notation

Rough Notation

This is a neat little library. It uses SVG to insert hand-drawn looking annotations to elements (probably text), like underlines and box highlights (there are

CCChris Coyier·June 22, 2020Frontend