Home/2021
Archive

Year 2021

1,767 articles published in 2021.

AI & ML — How To Create An Engaging And Useful Chatbot — Smashing Magazine

How To Create An Engaging And Useful Chatbot — Smashing Magazine

What makes a good chatbot experience? Most people think of witty responses and machine learning, but the basis of a chatbot UX is actually rooted in content strategy. In this article Marli Mesibov will answer those questions and identify what you as a content designer can do to make your chatbot successful. A poor chatbot simply says “I’m sorry, I don’t understand” on repeat (or worse “error”.) A

MMMarli MesibovMarli Mesibov·January 28, 2021AI & ML
Frontend — The Holy Grail Layout with CSS Grid

The Holy Grail Layout with CSS Grid

How to build a very common layout with CSS grid. Header on the top, footer on the bottom. Two columns, sidebar and main content. This one has navigation above the main content but within that same column.

CCChris Coyier·January 27, 2021Frontend
SRE & Ops — Monorepo

Monorepo

I'm not exactly a large-scale DevOps guy, but I can tell ya we've been moving back toward a monorepo at CodePen and it's rife with advantages over a system

CCChris Coyier·January 26, 2021SRE & Ops
Performance — Postgres scaling advice

Postgres scaling advice

This article covers scaling advices for PostgreSQL and explains why it may be a good idea to keep it simple on the database side.

CPCYBERTEC PostgreSQL·January 26, 2021Performance
Career & Teams — Maximizing Developer Effectiveness

Maximizing Developer Effectiveness

Technology is constantly becoming smarter and more powerful. I often observe that as these technologies are introduced an organization’s productivity instead of improving has reduced. This is because the technology has increased complexities and cognitive overhead to the developer, reducing their effectiveness. In this article, the first of a series, I introduce a framework for maximizing develope

TCTim Cochran·January 26, 2021Career & Teams
SRE & Ops — How machine learning powers Facebook’s News Feed ranking algorithm

How machine learning powers Facebook’s News Feed ranking algorithm

Designing a personalized ranking system for more than 2 billion people (all with different interests) and a plethora of content to select from presents significant, complex challenges. This is something we tackle every day with News Feed ranking. Without machine learning (ML), people’s News Feeds could be flooded with content they don’t find as relevant […]

MEMeta Engineering·January 26, 2021SRE & Ops
Frontend — From Design To Developer-Friendly React Code In Minutes With Anima — Smashing Magazine

From Design To Developer-Friendly React Code In Minutes With Anima — Smashing Magazine

The promise of seamless design to code translation goes back to the early WYSIWYG page builders. Despite the admirable goal, their biggest flaw was the code that they generated. Skepticism remains to this day and whenever this idea reappears, the biggest concerns are always related to the quality and maintainability of the code. In this article, Miroslav Bekyarov will show you how to turn our stat

MBMiroslav BekyarovMiroslav Bekyarov·January 26, 2021Frontend
SRE & Ops — Improving how we deploy GitHub

Improving how we deploy GitHub

As GitHub doubled it’s developer head count, tooling that worked for us no longer functioned in the same capacity. We aimed to improve the deployment process for all developers at GitHub and mitigate risk associated with deploying one of the largest developer platforms in the world.

JNJulian NadeauJulian Nadeau·January 25, 2021SRE & Ops
Distributed — Sponsored Post: 3T, Bridgecrew, Toptal, IP2Location, Ipdata, StackHawk, InterviewCamp.io, Educative, Triplebyte, Stream, Fauna - High Scalability -

Sponsored Post: 3T, Bridgecrew, Toptal, IP2Location, Ipdata, StackHawk, InterviewCamp.io, Educative, Triplebyte, Stream, Fauna - High Scalability -

Who's Hiring? * Looking to rapidly hire Top Software Developers? Get Started with Toptal. Toptal will match you with top-quality, pre-screened freelance software developers that meet your project requirements. All in under 48 hours. Get started right away with a no risk trial. * InterviewCamp.io has hours of system design content. They also do live system design discussions every week. They break

HSHigh Scalability·January 25, 2021Distributed
Frontend — The styled-components Happy Path

The styled-components Happy Path

styled-components is a wonderfully powerful styling library for React, and over the years I've learned a lot about how to use it effectively. This article shares my personal “best practices”.

JWJosh W. Comeau·January 25, 2021Frontend
Career & Teams — Making Remote Work Work: Useful Tools And Resources — Smashing Magazine

Making Remote Work Work: Useful Tools And Resources — Smashing Magazine

How to stay creative, focused, and organized when working remotely? In this article, Cosima Mielke has compiled some useful tools and resources to help you tackle some of the challenges of working remotely. The collection is by no means complete, but rather a selection of things that we found useful and that we hope will make your day-to-day work more productive and efficient, too.

CMCosima MielkeCosima Mielke·January 25, 2021Career & Teams
Engineering — Cloudflare Waiting Room

Cloudflare Waiting Room

Today, we are excited to announce Cloudflare Waiting Room! It will be first available to select customers through a new program called Project Fair Shot, with general availability in our Business and Enterprise plans in the near future.

BBrianBrian·January 22, 2021Engineering
Security — Network-layer DDoS attack trends for Q4 2020

Network-layer DDoS attack trends for Q4 2020

DDoS attack trends in the final quarter of 2020 defied norms in many ways. For the first time in 2020, Cloudflare observed an increase in the number of large DDoS attacks. Specifically, the number of attacks over 500Mbps and 50K pps saw a massive uptick.

VOVivek, OmerVivek, Omer·January 22, 2021Security
Engineering — Level up your code with TwilioQuest

Level up your code with TwilioQuest

It’s no secret that making your first contribution to open source can be intimidating. A Major League Hacking survey found that a majority of students know that contributing to open…

AKAriel KanterAriel Kanter·January 22, 2021Engineering
Engineering — Using GraphQL for High-Performing Mobile Applications - Shopify

Using GraphQL for High-Performing Mobile Applications - Shopify

GraphQL is the syntax that describes data that a client asks from a server. The client, in this case, is a mobile application. GraphQL is usually compared with REST API, a common syntax that most mobile application developers use. We will share how GraphQL can solve some of the pain points of REST API in mobile application development and discuss tips and best practices that we learned at Shopify

SEShopify Engineering·January 22, 2021Engineering
Career & Teams — When To Say No To Freelance Projects — Smashing Magazine

When To Say No To Freelance Projects — Smashing Magazine

Saying no is a skill. Saying yes to the wrong freelance opportunities can lead you toward misery and burnout, and we could all probably improve how mindful we are about our work, partners, and clients. For hungry freelancers, it can be hard to turn work away. But in the long run, saying no to a project that’s a bad fit will make you a better freelancer. This article will help freelancers and consu

BKBecca KennedyBecca Kennedy·January 22, 2021Career & Teams
Databases — Golden Proportions in PostgreSQL

Golden Proportions in PostgreSQL

Learn how PostgreSQL can help with basic calculations regarding golden proportions. Do mathematics in your database development work.

HSHans-Jürgen SchönigHans-Jürgen Schönig·January 21, 2021Databases
Engineering — The best of Changelog • 2020 Edition

The best of Changelog • 2020 Edition

If you haven’t seen it, the GitHub Changelog helps you keep up-to-date with all the latest features and updates to GitHub. We shipped a tonne of changes last year, and…

MDMichelle DukeMichelle Duke·January 21, 2021Engineering
Performance — How We Improved SmashingMag Performance — Smashing Magazine

How We Improved SmashingMag Performance — Smashing Magazine

In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected changes that helped boost all the metrics across the board. Hopefully, this little case-study will be useful to you, and perhaps there ar

VFVitaly FriedmanVitaly Friedman·January 21, 2021Performance
Frontend — New in Chrome 88: aspect-ratio

New in Chrome 88: aspect-ratio

And it was released yesterday! The big news for us in CSS Land is that the new release supports the aspect-ratio property. This comes right on the heels of

GGGeoff GrahamGeoff Graham·January 20, 2021Frontend
Security — Women in Security at Slack

Women in Security at Slack

Since its inception, Slack has fostered a culture of inclusion and diversity. The Security organization at Slack is a prime example of how women can thrive in the security space, transitioning to security from different backgrounds and expertises. With Slack’s strong commitment to diversity, it should not be a surprise that nearly a third of…

SKSuzanna Khatchatrian·January 20, 2021Security
Frontend — Life with ESM

Life with ESM

ESM, meaning ES Modules, meaning JavaScript Modules. Like, import and friends.

CCChris Coyier·January 19, 2021Frontend
Networking — Netlify Edge Handlers

Netlify Edge Handlers

Netlify Edge Handlers are in Early Access (you can request it), but they are super cool and I think they are worth wrapping your brain around now. I think

CCChris Coyier·January 19, 2021Networking
Engineering — How To Build A Node.js API For Ethereum Blockchain — Smashing Magazine

How To Build A Node.js API For Ethereum Blockchain — Smashing Magazine

why do we need blockchain? Blockchain is a safe way to record activities and keep data fresh while maintaining a record of its history compared to the traditional records or databases where hacks, errors, and downtimes are very possible. In this article, John Agbanusi explains how you can build a Node.js API from scratch by building and deploying an Ethereum Blockchain for decentralization. He als

JAJohn AgbanusiJohn Agbanusi·January 19, 2021Engineering
Frontend — AnimXYZ

AnimXYZ

There are quite a few CSS animation libraries. They tend to be a pile of class names that you can apply as needed like "bounce" or "slide-right" and it'll...

CCChris Coyier·January 18, 2021Frontend
Frontend — State of JavaScript 2020

State of JavaScript 2020

We rounded up a bunch of published 2020 annual reports right before the year ended and compiled them into a big ol' list. The end of the list called out a

GGGeoff GrahamGeoff Graham·January 18, 2021Frontend
Frontend — Using Grommet In React Applications — Smashing Magazine

Using Grommet In React Applications — Smashing Magazine

In this tutorial, Fortune Ikechi is going to show you how to use Grommet as a UI library for React applications. He’ll use Grommet as a UI library of choice to create a pricing component, this would help you have a better understanding of how to use Grommet. This tutorial will be beneficial to readers who are interested in developing responsive components in their React application using Grommet.

FIFortune Ikechi·January 18, 2021Frontend
Engineering — Update on an employee matter

Update on an employee matter

On Friday, January 8th, GitHub separated with an employee. Later that day and over the weekend, employees raised concerns about the circumstances of the separation. We took these concerns seriously.…

EBErica BresciaErica Brescia·January 17, 2021Engineering
Engineering — Uganda's January 13, 2021 Internet Shut Down

Uganda's January 13, 2021 Internet Shut Down

Two days ago, through its communications regulator, Uganda's government ordered the "Suspension Of The Operation Of Internet Gateways" hours before the country's general election. This action was confirmed by several users and journalists who got access to the letter sent to Internet providers.

CCelsoCelso·January 15, 2021Engineering
Security — KEMTLS: Post-quantum TLS without signatures

KEMTLS: Post-quantum TLS without signatures

The TLS 1.3 protocol has been around for quite some time, but it will be broken once quantum computers arrive. What can we do? In this blog post, we will examine a technique for achieving full post-quantum security for TLS 1.3 in the face of quantum computers: KEMTLS.

STSofia, ThomSofia, Thom·January 15, 2021Security
Frontend — On Auto-Generated Atomic CSS

On Auto-Generated Atomic CSS

Robin Weser's "The Shorthand-Longhand Problem in Atomic CSS" in an interesting journey through a tricky problem. The point is that when you take on the job of

CCChris Coyier·January 15, 2021Frontend