Home/2021
Archive

Year 2021

1,782 articles published in 2021.

Engineering — An Event Apart Spring Summit 2021

An Event Apart Spring Summit 2021

Hey, look at that, An Event Apart is back with a new event taking place online from April 19-21. That's three jam-packed days of absolute gems from a stellar

CCChris Coyier·March 22, 2021Engineering
Security — GitHub Capture the Flag results

GitHub Capture the Flag results

Earlier this month, we challenged you to a Call to Hacktion—a CTF (Capture the Flag) competition to put your GitHub Workflow security skills to the test. Participants were invited to…

BABas AlbertsBas Alberts·March 22, 2021Security
Networking — Cutting Threads’ send latency in half

Cutting Threads’ send latency in half

In 2019, Instagram launched a new app for direct messaging called Threads. We built media sends in Threads using a lot of the existing infrastructure at Instagram. Many of these components do not focus on the send latency. For this post, we’ll define “send latency” as the time it takes from when the user starts a […]

CWChris Wiltz·March 22, 2021Networking
Frontend — A Complete Guide To Accessible Front-End Components — Smashing Magazine

A Complete Guide To Accessible Front-End Components — Smashing Magazine

In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered CSS Auditing Tools and CSS Generators, and this time we look into reliable accessible components: from tabs and tables to toggles and tooltips. We sincerely hope that these tools and techniques will prove to be useful in your day-to-day work — and most important

VFVitaly FriedmanVitaly Friedman·March 22, 2021Frontend
Security — Welcome to Cloudflare Security Week 2021!

Welcome to Cloudflare Security Week 2021!

Today kicks off Cloudflare's 2021 Security Week. Like all innovation weeks at Cloudflare, we'll be announcing a dizzying number of new products, opening products that have been in beta to general availability.

MPMatthew PrinceMatthew Prince·March 21, 2021Security
Engineering — Random Employee Chats at Cloudflare

Random Employee Chats at Cloudflare

We developed the Random Employee Chats application internally, with the goal of recreating the pre-pandemic informal interactions. Here's how we moved from a shared spreadsheet to Cloudflare Workers to automate the entire process.

SDSven, David WraggSven, David Wragg·March 20, 2021Engineering
Engineering — Cloudflare and WordPress.com partner to Help Build a Better Internet

Cloudflare and WordPress.com partner to Help Build a Better Internet

Today we’re excited to announce a number of initiatives, starting with the integration of Cloudflare’s privacy-first web analytics into WordPress.com. This integration gives WordPress.com publishers choice in how they collect usage data and derive insights about their visitors.

SSStevenpack, SimonStevenpack, Simon·March 19, 2021Engineering
Engineering — Third Time’s the Cache, No More

Third Time’s the Cache, No More

Up until now, we wouldn’t cache requests with query strings until we saw them three times. We trace that behavior back to 2010, examine why we might have needed it, and show ourselves why we don’t need it anymore.

EHEdward H WangEdward H Wang·March 19, 2021Engineering
Security — A deep-dive into Cloudflare’s autonomous edge DDoS protection

A deep-dive into Cloudflare’s autonomous edge DDoS protection

Introducing our autonomous DDoS (Distributed Denial of Service) protection system, globally deployed to all of Cloudflare’s 200+ data centers, and is actively protecting all our customers against DDoS attacks across layers 3 to 7 (in the OSI model) without requiring any human intervention.

OOmerOmer·March 18, 2021Security
Security — The Teams Dashboard: The Design Story

The Teams Dashboard: The Design Story

Here is the story of how we took Cloudflare for Teams from initial concepts, to an MVP, to now a comprehensive security platform that secures networks, users, devices, and applications.

BBethanyBethany·March 18, 2021Security
Networking — Sponsored Post: Kinsta, Bridgecrew, IP2Location, StackHawk, InterviewCamp.io, Educative, Stream, Fauna, Triplebyte - High Scalability -

Sponsored Post: Kinsta, Bridgecrew, IP2Location, StackHawk, InterviewCamp.io, Educative, Stream, Fauna, Triplebyte - High Scalability -

Who's Hiring? * DevOps Engineer: At Kinsta, we set out to create the best managed hosting platform in the world. If you are an experienced DevOps Engineer who is constantly looking for ways to innovate and improve, we might just be the place for you! As Kinsta’s DevOps Engineer, you will be instrumental in making sure that our infrastructure is always on the bleeding edge of technology, remaining

HSHigh Scalability·March 18, 2021Networking
Performance — How To Get Web Design Clients Fast (Part 1) — Smashing Magazine

How To Get Web Design Clients Fast (Part 1) — Smashing Magazine

The secret to growing a successful web design business is thinking of design as a service, not a product. When you focus on recurring revenue and sell to one targeted niche, you can grow a business faster than ever. In this two-part series, Stephen Roe shares the agency growth lessons we’ve learned. In this first part, we break down the pricing model that’s worked best for us and explain how to le

SRStephen RoeStephen Roe·March 18, 2021Performance
Distributed — Stuff The Internet Says On Scalability For March 17th, 2021 - High Scalability -

Stuff The Internet Says On Scalability For March 17th, 2021 - High Scalability -

Hey, HighScalability is here again! Reverse engineering an ancient analog computer is a detective story worth reading. A Model of the Cosmos in the ancient Greek Antikythera Mechanism. Do you love this Stuff? Without your encouragement on Patreon this Stuff won't stuffin’ stuff. Know someone who needs to know the cloud? I wrote Explain the Cloud Like I'm 10 just for them. On Amazon it has 262 most

HSHigh Scalability·March 17, 2021Distributed
Frontend — What’s New In Flutter 2? — Smashing Magazine

What’s New In Flutter 2? — Smashing Magazine

As Flutter keeps evolving, there are more and more things we can do with it, but it’s still not reasonable to say that Flutter can be used for any app development project of any kind. Flutter has been transitioning from a cross-platform mobile development SDK for Android/iOS into a tool that allows you to run the same code natively in a browser on Windows, Linux and macOS. With Flutter 2, non-mobi

CZCarmine ZaccagninoCarmine Zaccagnino·March 17, 2021Frontend
Performance — Automatic Platform Optimization post-launch report

Automatic Platform Optimization post-launch report

We explored almost 200 websites with the activated Automatic Platform Optimization feature in Chrome User Experience Report data. Automatic Platform Optimization consistently demonstrated better aggregate performance among sites we analyzed in TTFB, First Paint, FCP, and LCP metrics.

YYevgenYevgen·March 16, 2021Performance
Security — One day short of a full chain: Part 1 – Android Kernel arbitrary code execution

One day short of a full chain: Part 1 – Android Kernel arbitrary code execution

In this series of posts, I’ll go through the exploit of three security bugs that I reported, which, when used together, can achieve remote kernel code execution in Qualcomm’s devices by visiting a malicious website in a beta version of Chrome. In this first post, I’ll exploit a use-after-free in Qualcomm’s kgsl driver (CVE-2020-11239), a bug that I reported in July 2020 and that was fixed in Janua

MYMan Yue MoMan Yue Mo·March 16, 2021Security
Security — One day short of a full chain: Part 2 – Chrome sandbox escape

One day short of a full chain: Part 2 – Chrome sandbox escape

In this second post of the series, I’ll exploit a use-after-free in the Payment component of Chrome (1125614/GHSL-2020-165), a bug that I reported in September 2020 that only affected version 86 of Chrome, which was in beta. I’ll use it to escape the Chrome sandbox to gain privilege of a third party App on Android from a compromised renderer.

MYMan Yue MoMan Yue Mo·March 16, 2021Security
Design & UX — Good, Better, Best: Untangling The Complex World Of Accessible Patterns — Smashing Magazine

Good, Better, Best: Untangling The Complex World Of Accessible Patterns — Smashing Magazine

How do we know which patterns are good, better, best when it comes to accessibility? Is it better to use an established pattern/library or create new ones? With the myriad of choices available, we can quickly become caught up in a web of confusion on this topic. In this article, Carie Fisher will attempt to untangle the complex world of accessible patterns — one step at a time. She will kick thing

CFCarie FisherCarie Fisher·March 16, 2021Design & UX
Frontend — The Gang Goes on JS Danger

The Gang Goes on JS Danger

The JS Party podcast sometimes hosts game shows. One of them is Jeopardy-esque, called JS Danger, and some of us here from CSS-Tricks got to be the guests

CCChris Coyier·March 15, 2021Frontend
Frontend — Creating Patterns With SVG Filters

Creating Patterns With SVG Filters

For years, my pain has been not being able to create a somewhat natural-looking pattern in CSS. I mean, sometimes all I need is a wood texture. The only

BSBence SzabóBence Szabó·March 15, 2021Frontend
Engineering — Highlights from Git 2.31

Highlights from Git 2.31

The open source Git project just released Git 2.31 with features and bug fixes from 85 contributors, 23 of them new. Last time we caught up with you, Git 2.29…

TBTaylor BlauTaylor Blau·March 15, 2021Engineering
Security — Dependabot ❤️s private dependencies

Dependabot ❤️s private dependencies

Dependabot’s mission is to keep all of your dependencies free of vulnerabilities and up-to-date, but until now, it hasn’t been able to update all of your private dependencies. That meant…

MMMike McDonaldMike McDonald·March 15, 2021Security
Engineering — Migrating Millions of Concurrent Websockets to Envoy

Migrating Millions of Concurrent Websockets to Envoy

Slack has a global customer base, with millions of simultaneously connected users at peak times. Most of the communication between users involves sending lots of tiny messages to each other. For much of Slack’s history, we’ve used HAProxy as a load balancer for all incoming traffic. Today, we’ll talk about problems we faced with HAProxy,…

RKRadha Kumari·March 15, 2021Engineering
Frontend — CSS Generators — Smashing Magazine

CSS Generators — Smashing Magazine

In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. This time Iris Lješnjanin brings you CSS Generators: from CSS shadows to easing gradients to CSS overlays to CSS doodles.

ILIris LjesnjaninIris Ljesnjanin·March 15, 2021Frontend
Engineering — How to Use Tailwind on a Svelte Site

How to Use Tailwind on a Svelte Site

Let’s spin up a basic Svelte site and integrate Tailwind into it for styling. One advantage of working with Tailwind is that there isn’t any context switching

SOSamson OmojolaSamson Omojola·March 12, 2021Engineering
Design & UX — Growing UX Maturity: Finding A UX Champion And Demonstrating ROI (Part 1) — Smashing Magazine

Growing UX Maturity: Finding A UX Champion And Demonstrating ROI (Part 1) — Smashing Magazine

We all benefit when we work to increase the overall UX maturity of our organizations. If we wish to meaningfully improve our UX practice, it is critical we look for opportunities to help grow the maturity of UX across our organization. We face a larger challenge when it comes to growing UX in a way that has impact across an organization than we do with growing our own UX skills. In this article, V

VVictoryoccoVictoryocco·March 12, 2021Design & UX
Engineering — Chapter 7: Standards

Chapter 7: Standards

It was the year 1994 that the web came out of the shadow of academia and onto the everyone’s screens. In particular, it was the second half of the second week

JHJay Hoffmann·March 11, 2021Engineering
Engineering — Scripting with GitHub CLI

Scripting with GitHub CLI

It has been a year since we’ve launched the first public release of GitHub CLI. Since, we have added functionality to manage your repositories, comment on issues, enable auto-merge for…

MMMislav MarohnićMislav Marohnić·March 11, 2021Engineering
Security — Updates on Shopify's Bug Bounty Program 2021 - Shopify

Updates on Shopify's Bug Bounty Program 2021 - Shopify

For three years we, Shopify’s Application Security team, have set aside time to reflect on our bug bounty program and share recent insights. This past year has been quite a ride, as our program has been busier than ever! We’re excited to share what we have learned, and share some of the great things we have planned!

SEShopify Engineering·March 11, 2021Security
Performance — CSS Auditing Tools — Smashing Magazine

CSS Auditing Tools — Smashing Magazine

Ideally, a CSS auditing tool would provide some insights about how heavily CSS implact rendering performance, and which operations lead to expensive layout recalculations. It could also highlight what properties don’t affect the rendering at all (like Firefox DevTools does it), and perhaps even suggest how to write slightly more efficient CSS selectors. In a new short series of posts, we highlight

ILIris LjesnjaninIris Ljesnjanin·March 11, 2021Performance
Frontend — The Guide To Ethical Scraping Of Dynamic Websites With Node.js And Puppeteer — Smashing Magazine

The Guide To Ethical Scraping Of Dynamic Websites With Node.js And Puppeteer — Smashing Magazine

All of us use web scraping in our everyday lives. It merely describes the process of extracting information from a website. For a lot of web scraping tasks, an HTTP client is enough to extract a page’s data. However, when it comes to dynamic websites, a headless browser sometimes becomes indispensable. In this tutorial, Andreas Altheimer will build a web scraper that can scrape dynamic websites ba

AAAndreas AltheimerAndreas Altheimer·March 11, 2021Frontend
SRE & Ops — Measuring enterprise developer productivity

Measuring enterprise developer productivity

In a recent paper written by Nicole Forsgren and her colleagues, “The SPACE of developer productivity: There’s more to it than you think,” there is an irony that is hard…

KAKevin AlwellKevin Alwell·March 10, 2021SRE & Ops