Home/2021
Archive

Year 2021

1,782 articles published in 2021.

Engineering — Internship Experience: Research Engineer

Internship Experience: Research Engineer

Over the summer of 2020 I interned at Cloudflare Research. This invaluable experience contributed to Cloudflare’s support of ODoH protocol, and I was awarded the best student paper award at PETS 2021.

SSudheeshSudheesh·October 11, 2021Engineering
Engineering — Cloudflare invites visiting researchers

Cloudflare invites visiting researchers

As part of Cloudflare’s effort to build collaborations with academia, we host research focused internships all year long. Interns collaborate cross-functionally in research projects and are encouraged to ship code and write a blog post and a peer-reviewed publication at the end of their internship.

CCloudflare·October 11, 2021Engineering
Security — GitHub security update: revoking weakly-generated SSH keys

GitHub security update: revoking weakly-generated SSH keys

On September 28, 2021, we received notice from the developer Axosoft regarding a vulnerability in a dependency of their popular git GUI client – GitKraken. An underlying issue with a dependency, called `keypair`, resulted in the GitKraken client generating weak SSH keys.

MHMike HanleyMike Hanley·October 11, 2021Security
Performance — Scaling indexing and search - Algolia New Search Architecture Part 2 - High Scalability -

Scaling indexing and search - Algolia New Search Architecture Part 2 - High Scalability -

What would a totally new search engine architecture look like? Who better than Julien Lemoine, Co-founder & CTO of Algolia, to describe what the future of search will look like. This is the second article in a series. Here's Part 1. Search engines need to support fast scaling for both Read and Write operations. Rapid scaling is essential in most use cases. For example, adding a vendor in a marketp

HSHigh Scalability·October 11, 2021Performance
Frontend — The Autofill Dark Pattern — Smashing Magazine

The Autofill Dark Pattern — Smashing Magazine

A “dark pattern” is a deceptive UX pattern that tricks users into doing things they may not really want to do. Autofill is a widespread feature either by choice or by accident: who hasn’t accepted to let the browser save/use web form information, either on purpose or by mistake? In this article, Alvaro Montoro does a little experiment to find out how much privacy is taken away from users across th

AMAlvaro MontoroAlvaro Montoro·October 11, 2021Frontend
Engineering — Where is mobile traffic the most and least popular?

Where is mobile traffic the most and least popular?

We used Cloudflare Radar to find out those countries on the planet that have more (and less) mobile traffic on the Internet. Africa and the Middle East are the areas of the planet where mobile traffic dominates the Internet experience

JTJoao TomeJoao Tome·October 9, 2021Engineering
Frontend — Composable CSS Animation In Vue With AnimXYZ — Smashing Magazine

Composable CSS Animation In Vue With AnimXYZ — Smashing Magazine

Most animation libraries like GSAP and Framer Motion are built purely with JavaScript or TypeScript, unlike AnimXYZ, which is labelled “the first composable CSS animation toolkit”, built mainly with SCSS. While a simple library, it can be used to achieve a lot of awesome animation on the web in a short amount of time and little code. In this article, Ejiro Asiuwhu will show you how to use the Anim

EAEjiro AsiuwhuEjiro Asiuwhu·October 9, 2021Frontend
Engineering — Jekyll doesn't do components? Liar!

Jekyll doesn't do components? Liar!

I like the pushback from Katie Kodes here. I've said in the past that I don't think server-side languages haven't quite nailed "building in components" as

CCChris Coyier·October 8, 2021Engineering
Engineering — Release Radar

Release Radar

The Northern Hemisphere has hit fall, and the southern is starting to warm into summer. September has been a busy time for our community. Maintainers have been getting their repositories…

MDMichelle DukeMichelle Duke·October 8, 2021Engineering
Engineering — Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions — Smashing Magazine

Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions — Smashing Magazine

Creating an interactive experience with fiction can be a chore with traditional content management tools. Let’s make it the domain of just one content creator in which the user will fill out a form before reading the story. In this article, Bryan Robinson will be building an interactive fiction experience in which a user can insert words that match parts of speech given by the content creator. Let

BRBryan RobinsonBryan Robinson·October 8, 2021Engineering
Databases — OpenStreetMap service by CYBERTEC

OpenStreetMap service by CYBERTEC

Importing OpenStreetMap data into PostGIS is time-consuming. Download OpenStreetMap offers two dataset types periodically served as sql dumps.

FNFlorian NadlerFlorian Nadler·October 7, 2021Databases
Security — GitHub Advisory Database now powers npm audit

GitHub Advisory Database now powers npm audit

Today, we’re adding a proxy on top of the GitHub Advisory Database that speaks the `npm audit` protocol. This means that every version of the npm CLI that supports security audits is now talking directly to the GitHub Advisory Database.

ETEdward ThomsonEdward Thomson·October 7, 2021Security
SRE & Ops — Infrastructure Observability for Changing the Spend Curve

Infrastructure Observability for Changing the Spend Curve

Slack is an integral part of where work happens for teams across the world, and our work in the Core Development Engineering department supports engineers throughout Slack that develop, build, test, and release high-quality services to Slack’s customers. In this article, we share how teams at Slack evolved our internal tooling and made infrastructure bets.…

FCFrank Chen·October 7, 2021SRE & Ops
AI & ML — Freebie: COVID-19 Icon Set (56 Icons, AI, EPS, SVG, PNG) — Smashing Magazine

Freebie: COVID-19 Icon Set (56 Icons, AI, EPS, SVG, PNG) — Smashing Magazine

Every once in a while, we publish [freebies](https://www.smashingmagazine.com/category/freebies/) related to different occasions and themes. We hope that with this icon set, every designer will be able to find their own use case and contribute to saving lives. Free for personal and commercial use. [Get the free icon pack](https://smashingmagazine.com/provide/smashing-freebie-coronavirus-covid19.zi

ATAnton TyschenkoAnton Tyschenko·October 7, 2021AI & ML
Frontend — A Guide To CSS Debugging — Smashing Magazine

A Guide To CSS Debugging — Smashing Magazine

Debugging in CSS means figuring out what might be the problem when you have unexpected layout results. Today, Stephanie Eckles will look at a few categories bugs often fit into, see how you can evaluate the situation, and explore techniques that help prevent these bugs.

SEStephanie EcklesStephanie Eckles·October 6, 2021Frontend
Engineering — Branching Strategies in Git

Branching Strategies in Git

In this article I'm going to talk about branching strategies and different types of Git branches. I’m also going to introduce you to two common branching workflows: Git Flow and GitHub Flow.

TGTobias GüntherTobias Günther·October 5, 2021Engineering
Networking — More details about the October 4 outage

More details about the October 4 outage

Now that our platforms are up and running as usual after yesterday’s outage, I thought it would be worth sharing a little more detail on what happened and why — and most importantly, how we’re learning from it. This outage was triggered by the system that manages our global backbone network capacity. The backbone is […]

MEMeta Engineering·October 5, 2021Networking
Architecture — Local Testing A Serverless API (API Gateway And Lambda) — Smashing Magazine

Local Testing A Serverless API (API Gateway And Lambda) — Smashing Magazine

Have you ever struggled with testing cloud services locally? Specifically, have you ever struggled with locally testing an API that uses API Gateway and Lambda, with the Serverless framework, on AWS? In this article, Tom Hudson shares a quick overview of how easy it is to quickly set up your project to test locally before deploying to AWS.

TTomhudson·October 5, 2021Architecture
Engineering — ShopTalk Goes Video

ShopTalk Goes Video

Dave and I slapped up a little videos section of the ShopTalk website. Twelve so far! They are short-ish, between 10-20 minutes, each focused on one fairly

CCChris Coyier·October 4, 2021Engineering
Distributed — Stuff The Internet Says On Scalability For October 4th, 2021 - High Scalability -

Stuff The Internet Says On Scalability For October 4th, 2021 - High Scalability -

Hey, HighScalability is here again! The circulatory system of the internet. @tylermorganwall Love this Stuff? I need your support on Patreon to keep this stuff going. Sorry for the long gap in posting, but I’ve been building a new app. I’m looking for testers for my new iOS fitness app: Max reHIT Workout. It guides you through proven reduced-exertion high-intensity interval workouts. If that inter

HSHigh Scalability·October 4, 2021Distributed
Networking — Update about the October 4th outage

Update about the October 4th outage

To all the people and businesses around the world who depend on us, we are sorry for the inconvenience caused by today’s outage across our platforms. We’ve been working as hard as we can to restore access, and our systems are now back up and running. The underlying cause of this outage also impacted many […]

MEMeta Engineering·October 4, 2021Networking
Frontend — How To Build An Expandable Accessible Gallery — Smashing Magazine

How To Build An Expandable Accessible Gallery — Smashing Magazine

One of the use cases for using CSS Grid is to display a gallery of images, but a gallery on its own may not be that exciting. In this article, Silvestar Bistrović will be looking at how to set up a gallery that is expandable as well as accessible with a few tips and tricks along the way. Let’s get started!

SBSilvestar BistrovicSilvestar Bistrovic·October 4, 2021Frontend
Engineering — The secret to Cloudflare’s pace of Innovation

The secret to Cloudflare’s pace of Innovation

How do we get so much stuff out so quickly? That we are able to innovate — and innovate so quickly — is no happy accident. In fact, this capability has been very deliberately built into the DNA of Cloudflare.

JTJen TaylorJen Taylor·October 3, 2021Engineering
Performance — Links on React and JavaScript II

Links on React and JavaScript II

How To Use The Vite Build Tool with React — Vite is hot, in part, because it's based on esbuild and wickedly fast. It's from Evan You of Vue fame, but it's

CCChris Coyier·October 1, 2021Performance
Languages — Using the platform

Using the platform

I'm certainly not dogmatic about it, but I think if you can pull of a project with literally zero build process, it feels good while working on it and feels very good when you come back to it months/years later and can just pick up and go.

CCChris Coyier·October 1, 2021Languages