Home/2021
Archive

Year 2021

1,782 articles published in 2021.

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
Frontend — A Complete Guide To Incremental Static Regeneration (ISR) With Next.js — Smashing Magazine

A Complete Guide To Incremental Static Regeneration (ISR) With Next.js — Smashing Magazine

Incremental Static Regeneration (ISR) is a new evolution of the Jamstack, allowing you to update static content instantly without needing a full rebuild of your site. The hybrid approach of Next.js allows you to use ISR for e-commerce, marketing pages, blog posts, ad-backed media, and more. In this article, Lee Robinson will explore a new evolution of the Jamstack: Incremental Static Regeneration

LRLee RobinsonLee Robinson·April 21, 2021Frontend
Databases — Why Content Is Such A Fundamental Part Of The Web Design Process — Smashing Magazine

Why Content Is Such A Fundamental Part Of The Web Design Process — Smashing Magazine

As designers, we are often burdened by the responsibility of producing and managing website content. It’s not our job to write it, but it’s not the client’s either. In many cases a vacuum emerges which ultimately gets filled with poor content. In this article, Matt Saunders will show you that you can avert disaster by including content production in the design process.

MSMatt SaundersMatt Saunders·April 21, 2021Databases
Frontend — Say Hello to CSS Container Queries

Say Hello to CSS Container Queries

Container queries are finally here! Now available behind a flag in the latest version of Chrome Canary, you can go ahead and experiment to your heart’s

RRRobin RendleRobin Rendle·April 20, 2021Frontend
Engineering — How I Built My Blog

How I Built My Blog

An in-depth look at the technical stack behind this very blog! We'll see how I use Next's API routes to implement my hit and like counters, how I use MDX to add interaction and customization, and how I organize my codebase, among others.

JWJosh W. Comeau·April 20, 2021Engineering
Databases — Dynamic ProxySQL Query Rules - Shopify

Dynamic ProxySQL Query Rules - Shopify

Resiliency is important at Shopify and although we have many tools to help us during incidents, some problems need to be fixed at the database level. At Shopify, we use ProxySQL to manage connections between applications and our MySQL databases

SEShopify Engineering·April 20, 2021Databases
Languages — Making GraphQL Work In WordPress — Smashing Magazine

Making GraphQL Work In WordPress — Smashing Magazine

Let’s explore the plugins providing GraphQL servers to WordPress. When should we use WPGraphQL, and when the GraphQL API for WordPress? Is there some advantage of one over the other, or some particular task that is easier to accomplish with one of them? In this article, Leonardo Losoviz will describe, from his own point of view but as objectively as possible, when WPGraphQL is the way to go and wh

LLeonardolosovizLeonardolosoviz·April 20, 2021Languages
Engineering — Open source goes to Mars 🚀

Open source goes to Mars 🚀

This morning, we watched in awe as the first Mars Helicopter, Ingenuity, took flight in the thin Martian atmosphere. This is an incredible achievement for the teams at NASA and…

NFNat FriedmanNat Friedman·April 19, 2021Engineering
Performance — An In-Depth Guide To Measuring Core Web Vitals — Smashing Magazine

An In-Depth Guide To Measuring Core Web Vitals — Smashing Magazine

How are Core Web Vitals measured? How do you know your fixes have had the desired effect and when will you see the results in Google Search Console? Let’s figure it out! In this post, Barry Pollard is going to attempt to explain a bit more about what’s going on here and explain some of the nuances and misunderstandings of these tools.

BPBarry PollardBarry Pollard·April 19, 2021Performance
Databases — Announcing Cloudflare’s Database Partners

Announcing Cloudflare’s Database Partners

Cloudflare introduces Macrometa and Fauna as Edge database partners and adds database connectors for DynamoDB and Aurora to Cloudflare Workers, expanding what developers can build at the edge.

GAGreg, AbhiGreg, Abhi·April 16, 2021Databases
Engineering — Cloudflare Stream now supports NFTs

Cloudflare Stream now supports NFTs

Today, we’re introducing a new API that takes an ERC-721 token ID and contact address and sets it on a video so every video on Stream can be represented with an NFT.

RRenanRenan·April 16, 2021Engineering
SRE & Ops — DIT — enabling de-identified data collection on WhatsApp

DIT — enabling de-identified data collection on WhatsApp

At WhatsApp, privacy is our DNA. That’s why we rolled out end-to-end encryption in 2016 — so that when messages are end-to-end encrypted, only you and your intended recipients can see the messages you send. But securing messages and calls is just one part of how we minimize the information we collect in the process […]

CWChris Wiltz·April 16, 2021SRE & Ops
Design & UX — Seven Mistakes To Avoid In Your Technical Interviews — Smashing Magazine

Seven Mistakes To Avoid In Your Technical Interviews — Smashing Magazine

It’s no secret that the technical interview process leaves something to be desired; it’s often riddled with anxiety and stress. From the recruiter’s phone call to the systems design interview to negotiating a job offer, there is no all-encompassing technical interview resource, so Emma Bostian decided to create one. In this article, Emma Bostian is going to take a look at seven of the most common

EBEmma BostianEmma Bostian·April 16, 2021Design & UX
Security — Announcing Cloudflare for SaaS for Everyone

Announcing Cloudflare for SaaS for Everyone

Before today, SSL for SaaS was only available to Enterprise customers. Today, we are excited to announce that our SaaS solution is available to everyone. And to reflect the evolution of the product since it was first released, we’re changing the name: Cloudflare for SaaS.

DDinaDina·April 15, 2021Security
Engineering — A Boring Announcement: Free Tunnels for Everyone

A Boring Announcement: Free Tunnels for Everyone

Argo Tunnel has been priced based on bandwidth consumption as part of Argo Smart Routing, Cloudflare’s traffic acceleration feature. Starting today, we’re excited to announce that any organization can use the secure, outbound-only connection feature of the product at no cost.

AAbeAbe·April 15, 2021Engineering
Frontend — A Zero Trust terminal in your web browser

A Zero Trust terminal in your web browser

Starting today, your team can use that same platform to seamlessly connect to non-HTTP resources from inside of a browser with the same level of Zero Trust control available in web applications.

SSamSam·April 15, 2021Frontend
Performance — How To Get Web Design Clients Fast (Part 2) — Smashing Magazine

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

If you’re an agency owner, you know that you need customers to grow. No matter how big your dreams are, customers are the lifeblood of your business. But you’re probably wondering — how do you attract quality, high-paying clients?Selling is key to growing your web design business, but it doesn’t have to be complicated! With clear goals, customer research, and proven closing techniques, anyone can

SRStephen RoeStephen Roe·April 15, 2021Performance
Performance — From Cats With Love: New Navigation, Guides And Workshops — Smashing Magazine

From Cats With Love: New Navigation, Guides And Workshops — Smashing Magazine

At Smashing, we’ve been busy over the last few months. We’ve set up new workshops, redesigned our navigation, refined performance and improved accessibility. There are subtle UX changes coming in, and we’d love to share what we’ve been cooking. A sincere thank you for your kind, ongoing support and generosity — thank you for being smashing, now and ever!

VFVitaly FriedmanVitaly Friedman·April 15, 2021Performance
Frontend — Overflow Issues In CSS — Smashing Magazine

Overflow Issues In CSS — Smashing Magazine

You may have come across horizontal scrollbar issues, especially on mobile, if you’re a front-end developer. Because there are many causes of scrollbar problems, there is no straightforward solution. Some issues can be fixed quickly, and some need a little debugging skill. In this article, Ahmad Shadeed will explore the causes of overflow issues and how to solve them. We will also explore how mode

ASAhmad ShadeedAhmad Shadeed·April 14, 2021Frontend
AI & ML — Bringing AI to the edge with NVIDIA GPUs

Bringing AI to the edge with NVIDIA GPUs

To help anyone build AI-based applications Cloudflare is extending the Workers platform to include support for NVIDIA GPUs and TensorFlow. Soon you’ll be able to build AI-based applications that run across the Cloudflare network using pre-built or custom models for inference.

JGJohn Graham CummingJohn Graham Cumming·April 13, 2021AI & ML
Engineering — Building A Video Streaming App With Nuxt.js, Node And Express — Smashing Magazine

Building A Video Streaming App With Nuxt.js, Node And Express — Smashing Magazine

Instead of sending the entire video at once, a video is sent as a set of smaller chunks that make up the full video. This explains why videos buffer when watching a video on slow broadband because it only plays the chunks it has received and tries to load more. In this article, Deven Rathore will build a video streaming app using Nuxt.js and Node.js. Specifically, you’ll build a server-side Node.j

DRDeven RathoreDeven Rathore·April 13, 2021Engineering
Engineering — Developer Challenges

Developer Challenges

Developer week is here! Throughout the week we are running a series of Developer Challenges that give you the perfect excuse to play with our new features. See how many of the challenges you can get through.

GGretchenGretchen·April 12, 2021Engineering