Home/2021
Archive

Year 2021

1,782 articles published in 2021.

Frontend — A Modern CSS Reset

A Modern CSS Reset

I have a set of baseline CSS styles that come with me from project to project. In the past, I'd use a typical CSS reset, but times have changed, and I believe I have a better set of global styles!

JWJosh W. Comeau·November 23, 2021Frontend
Frontend — Adding A Dyslexia-Friendly Mode To A Website — Smashing Magazine

Adding A Dyslexia-Friendly Mode To A Website — Smashing Magazine

The separation of content and presentation that CSS gives us always comes in handy when we need to adapt designs to better serve different communities. With a little CSS, we can adapt our web designs to be more accommodating for people with dyslexia. In this article, John C Barstow will explore those techniques by adding a dyslexia-friendly mode to an existing design.

JBJohn BarstowJohn Barstow·November 23, 2021Frontend
Engineering — Burkina Faso Internet shutdown

Burkina Faso Internet shutdown

People living in Burkina Faso are facing an Internet shutdown. Cloudflare Radar shows that after 22:00 UTC (the same local time) Internet traffic went down significantly, something that has happened in the context of social tensions in the country that started on November 14, 2021.

JTJoao TomeJoao Tome·November 22, 2021Engineering
Engineering — Sudan was cut off from the Internet for 25 days

Sudan was cut off from the Internet for 25 days

The Internet started to come back to Sudan (with limitations) this past Thursday, November 18. This happens after 25 days (three weeks and four days) of an almost complete shutdown that affected the whole country.

JTJoao Tome, CarlosJoao Tome, Carlos·November 22, 2021Engineering
Frontend — Smashing Workshops: Winter 2021 — Smashing Magazine

Smashing Workshops: Winter 2021 — Smashing Magazine

What’s the state of CSS, Vue.js and Next.js? What are new, smart interface design patterns we could use? Let’s figure it out. With our [online workshops on UX, front-end and design](https://smashingconf.com/online-workshops).

ILIris LjesnjaninIris Ljesnjanin·November 22, 2021Frontend
Performance — Improving The Performance Of Wix Websites (Case Study) — Smashing Magazine

Improving The Performance Of Wix Websites (Case Study) — Smashing Magazine

Implementing a performance culture at Wix can enable you to apply performance enhancements to almost every part of your technological stack — from infrastructure to software architecture and media formats. In this article, Dan Shappir shares which actions and processes the Wix team put in place in order to achieve dramatic improvements in the performance of websites built and hosted on their platf

DSDan ShappirDan Shappir·November 22, 2021Performance
Performance — Network Performance Update: Full Stack Week

Network Performance Update: Full Stack Week

Several months ago, we shared extensive benchmarking results of edge networks around the world, and made a commitment that we would improve in 10% of networks where we were not #1. Here are our results today.

TTubesTubes·November 20, 2021Performance
Engineering — Launching a Startup on Cloudflare Workers

Launching a Startup on Cloudflare Workers

One of the most exciting things about serverless is not that you can now build everything in serverless, but that it becomes really easy to connect multiple managed services. Tejas Mehta built cClip by connecting services like RevenueCat, Stripe and Firebase into a fully fledged product.

ETErwin, Tejas MehtaErwin, Tejas Mehta·November 19, 2021Engineering
Security — Build your next video application on Cloudflare

Build your next video application on Cloudflare

Today, we’re going to build a video application inspired by Cloudflare TV. We’ll have user authentication and the ability for administrators to upload recorded videos or livestream new content. Think about being able to build your own YouTube or Twitch using Cloudflare services!

JAJkup, Adam JanisJkup, Adam Janis·November 19, 2021Security
Design & UX — Coding Font Game

Coding Font Game

A tournament bracket UI where you pick your favorite between two coding fonts and your choices are whittled down all the way to a final winner. A clever way

CCChris Coyier·November 19, 2021Design & UX
Frontend — Next.js Wildcard Subdomains — Smashing Magazine

Next.js Wildcard Subdomains — Smashing Magazine

Wildcard domains often go under the radar. Hosting with a wildcard subdomain enables your users to visit your site on any subdomain of your domain (*.example.com), and as you can imagine, we can use this to create unique user experiences which we’ll be exploring in this article through a Next.js lens.

SPSam PoderSam Poder·November 19, 2021Frontend
Engineering — PHP Date and Time Recipes

PHP Date and Time Recipes

Dealing with dates and times is one of those things that can frustrate programmers a lot. At the same time, they are fundamental to software development, used

ASArjuna Sky Kok·November 18, 2021Engineering
AI & ML — Developer Spotlight: Chris Coyier, CodePen

Developer Spotlight: Chris Coyier, CodePen

Due to the nature of CodePen — namely, hosting code and an incredibly popular embedding feature, allowing developers to share their CodePen “pens” around the world — any sort of optimization can have a massive impact on CodePen’s business.

KKristianKristian·November 17, 2021AI & ML
Engineering — Cherry-Picking Commits in Git

Cherry-Picking Commits in Git

In part 5 of this series, we looked at rebasing and merging. Although there are a couple of differences between git merge and git rebase, both commands have the same goal: they integrate changes from one branch into another.

TGTobias GüntherTobias Günther·November 17, 2021Engineering
Frontend — The Gap (Design Engineering)

The Gap (Design Engineering)

Egor Kloos describes a situation where a (purely visual) designer asks for some changes to a component. There is a misunderstanding where the (code monkey)

CCChris Coyier·November 17, 2021Frontend
Frontend — A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH — Smashing Magazine

A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH — Smashing Magazine

Did you know that your chosen color palette can have an impact on how much energy your website uses? Even a more environmentally friendly choice of colors can reduce the impact on the battery life of mobile devices. In this article, Michelle Barker shares advice on the not-so-obvious things you have to keep in mind when handling colors in CSS today.

MBMichelle BarkerMichelle Barker·November 17, 2021Frontend
Engineering — Building Stripe Tax

Building Stripe Tax

With Stripe Tax, we make it easier for businesses to calculate and collect the right sales tax, VAT, and GST without needing to know the intricacies of tax rules or rates.

KMKelly MoriartyKelly Moriarty·November 17, 2021Engineering
Frontend — Automatically generating types for Cloudflare Workers

Automatically generating types for Cloudflare Workers

Every time the Workers runtime code is built, a script runs over the public APIs and generates the Rust and TypeScript types as well as a JSON file containing an intermediate representation of the static types. The types are sent to the appropriate repositories and the JSON file is uploaded as well.

CCloudflare·November 16, 2021Frontend
Frontend — JavaScript modules are now supported on Cloudflare Workers

JavaScript modules are now supported on Cloudflare Workers

Now you can use JavaScript modules, also known as ECMAScript or “ES” modules, on Cloudflare Workers. This replaces the old “addEventListener” syntax with a new “import” and “export” semantics that makes it really easy to write reusable, modular code.

AAshconAshcon·November 16, 2021Frontend
Engineering — Developer Spotlight: James Ross, Nodecraft

Developer Spotlight: James Ross, Nodecraft

Nodecraft allows gamers to host dedicated servers for their favorite games. James Ross is the Chief Technology Officer for Nodecraft and has advocated for Cloudflare — particularly Cloudflare Workers — within the company.

KKristianKristian·November 16, 2021Engineering
Engineering — Jamstack TV

Jamstack TV

That's the name of Netlify's YouTube Channel. Love that. I linked up Rich's talk the other day, which was a part of this past JamstackConf, but now all the

CCChris Coyier·November 16, 2021Engineering
SRE & Ops — GraphQL global ID migration update

GraphQL global ID migration update

All newly created GraphQL objects now have IDs that conform to a new format, which we refer to as “next IDs.” Learn how to migrate older IDs to the new format and why we’re making the change.

AHAndrew HoglundAndrew Hoglund·November 16, 2021SRE & Ops
Career & Teams — The 2021 State of the Octoverse

The 2021 State of the Octoverse

The State of the Octoverse analyzes data from millions of developers & repos to share trends across working habits, productivity, and career satisfaction.

EKEirini KalliamvakouEirini Kalliamvakou·November 16, 2021Career & Teams
Frontend — Introducing “Shadow Palette Generator”

Introducing “Shadow Palette Generator”

In order to create lush, realistic shadows in CSS, we need to use multiple layers and colors. How do we come up with all of the parameters, though? I've built a tool that'll help.

JWJosh W. Comeau·November 16, 2021Frontend
Databases — Introducing Relational Database Connectors

Introducing Relational Database Connectors

Customers can connect to a Postgres or MySQL database directly from their Workers using a Cloudflare Tunnel today. In the future, you can use Database Connectors to achieve this natively using a standardized Socket API.

KGKabir, GregKabir, Greg·November 15, 2021Databases
Networking — Making connections with TCP and Sockets for Workers

Making connections with TCP and Sockets for Workers

The ability to make TCP and QUIC client connections from within Workers and Durable Objects, as well as the ability to connect to Workers over TCP and QUIC without using HTTP, will be coming to Cloudflare Workers. Here’s a peek at what we’re working on.

JJasnellJasnell·November 15, 2021Networking