Home/2020
Archive

Year 2020

2,167 articles published in 2020.

Engineering — Exploring Node.js Internals — Smashing Magazine

Exploring Node.js Internals — Smashing Magazine

Node.js is an interesting tool for web developers. With its high level of concurrency, it has become a leading candidate for people choosing tools to use in web development. In this article, we will learn about what makes up Node.js, give it a meaningful definition, understand how the internals of Node.js interact with one another, and explore the project repository for Node.js on GitHub.

AIAleem IsiakaAleem Isiaka·April 23, 2020Engineering
Frontend — The Quest for the Perfect Dark Mode

The Quest for the Perfect Dark Mode

Dark Mode has become common enough that it's a user expectation. And yet, creating the perfect dark mode with a statically-built site/app is deceptively tricky. In this in-depth tutorial, we'll see how to build the perfect, flicker-free, customizable theming solution for React/Next.js apps.

JWJosh W. Comeau·April 22, 2020Frontend
Engineering — Responsive Web And Desktop Development With Flutter — Smashing Magazine

Responsive Web And Desktop Development With Flutter — Smashing Magazine

Flutter has already made quite a splash on the mobile development scene. Now it’s taking on bigger devices as well. In this article, Carmine Zaccagnino will show you what you need to know to be ready to take on the task of developing web and desktop apps using this wonderful cross-platform framework. Flutter is a lovely framework, very easy to use, and its extreme cross-platform support only makes

CZCarmine ZaccagninoCarmine Zaccagnino·April 22, 2020Engineering
Security — Dropping hashes: an idiom used to demonstrate provenance of documents

Dropping hashes: an idiom used to demonstrate provenance of documents

There exists an idiom called “dropping a hash” which is widely understood in the security community and not widely understood elsewhere. Somewhat surprisingly, there does not appear to be a canonical explanation. I have dropped hashes before and wrote this up to explain the significance of it to non-specialists.

PMPatrick McKenziePatrick McKenzie·April 21, 2020Security
SRE & Ops — Turbine: Facebook’s service management platform for stream processing

Turbine: Facebook’s service management platform for stream processing

What the research is: A scalable service management platform for Facebook’s stream processing service. Turbine is designed to bridge the gap between the capabilities of existing general-purpose cluster management frameworks like Tupperware and Facebook’s stream processing requirements. In production for several years now, Turbine has enabled a boom in stream processing at Facebook. Turbine is

MEMeta Engineering·April 21, 2020SRE & Ops
Engineering — A Day in the Life of a Mobile Product Engineer at Slack

A Day in the Life of a Mobile Product Engineer at Slack

6:45 am My alarm is set for 6:45 but I often wake up before it goes off. I tend to wake up earlier during Vancouver’s long summer days, when the sun is up from 5:10am to 9:10pm and already peeking through my blinds, but it sometimes happens in the winter when it’s still dark out.…

SESlack Engineering·April 21, 2020Engineering
Design & UX — How To Create A Compelling Landing Page — Smashing Magazine

How To Create A Compelling Landing Page — Smashing Magazine

A landing page is a standalone webpage created to support a specific marketing campaign or targeting a particular search term. They are where users “land” when they click a link in search results, email or an ad. In this article, Paul Boag will show you how to create a compelling landing page, which involves a combination of clear focus, persuasive copy, considered design and relentless testing. W

PBPaul BoagPaul Boag·April 21, 2020Design & UX
Frontend — Implementing Skeleton Screens In React — Smashing Magazine

Implementing Skeleton Screens In React — Smashing Magazine

Skeleton screens offer a better user experience by reducing loading-time frustration. By focusing on progress instead of wait times, it create the illusion for users that information will be incrementally displayed on the screen. In this tutorial, Blessing Krofegha will show you what a skeleton screen UI is and some types of skeleton screen libraries, along with their pros and cons. We’ll build a

BKBlessing KrofeghaBlessing Krofegha·April 20, 2020Frontend
Engineering — Building a PC, Part IX: Downsizing

Building a PC, Part IX: Downsizing

Hard to believe that I’ve had the same PC case since 2011, and my last serious upgrade was in 2015. I guess that’s yet another sign that the PC is over, because PC upgrades have gotten really boring. It took 5 years for me to muster up the initiative to get my system fully upgraded! 🥱 I’ve been slogging away at this for quite some time now. My PC build blog entry series spans 13 glorious years: *

JAJeff AtwoodJeff Atwood·April 19, 2020Engineering
Networking — Is BGP Safe Yet? No. But we are tracking it carefully

Is BGP Safe Yet? No. But we are tracking it carefully

BGP leaks and leaks and hijacks have been accepted as an unavoidable part of the Internet for far too long. Today, we are releasing isBGPSafeYet.com, a website to track deployments and filtering of invalid routes by the major networks.

LPLouis PoinsignonLouis Poinsignon·April 17, 2020Networking
Engineering — Time-Based One-Time Passwords for Phone Support

Time-Based One-Time Passwords for Phone Support

Cloudflare Enterprise customers can now authenticate themselves for phone support using TOTP tokens, either by using an authenticator app or generating single-use tokens from the Cloudflare Dashboard.

JAJunade Ali, AndronicusJunade Ali, Andronicus·April 17, 2020Engineering
Engineering — Front-End Challenges

Front-End Challenges

My favorite way to level up as a front-end developer is to do the work. Literally just build websites. If you can do it for money, great, you should. If the

CCChris Coyier·April 17, 2020Engineering
Engineering — Staying Connected And Learning From Each Other — Smashing Magazine

Staying Connected And Learning From Each Other — Smashing Magazine

A month is a long time to stay on top of things. Here you’ll find an overview of everything we’ve been working on and have also enjoyed reading over the past month. Of course, you can always find us on Twitter, Facebook and LinkedIn, and also stay updated with our RSS feed as well as our Smashing Newsletter (sent out every second week with all sorts of goodies!).

ILIris LjesnjaninIris Ljesnjanin·April 17, 2020Engineering
Engineering — Cloudflare Workers Now Support COBOL

Cloudflare Workers Now Support COBOL

COBOL is often a source of amusement for programmers because it is seen as old, verbose, clunky, and difficult to maintain. COBOL can now be used to write code for Cloudflare’s serverless platform Workers.

JGJohn Graham CummingJohn Graham Cumming·April 16, 2020Engineering
Engineering — Jetpack Instant Search!

Jetpack Instant Search!

Jetpack has had a search feature for a while. Flip it on, and it replaces your built-in WordPress search (which is functional, but not particularly good) with

CCChris Coyier·April 16, 2020Engineering
Frontend — npm has joined GitHub

npm has joined GitHub

With the npm acquisition complete, we’re ready to start the next chapter of npm and support the JavaScript community in a new way.

JEJeremy EplingJeremy Epling·April 15, 2020Frontend
Career & Teams — Software Release Culture at Shopify - Shopify

Software Release Culture at Shopify - Shopify

We try to find the path to those goals that our developers want to take. We want to create experiences through tooling that can make our developers feel productive, and we want to do our best to make shipping feel like a celebration and not a chore.

SEShopify Engineering·April 15, 2020Career & Teams
Frontend — Best Practices With React Hooks — Smashing Magazine

Best Practices With React Hooks — Smashing Magazine

React provides a few built-in Hooks like useState. You can also create your own Hooks to reuse stateful behavior between different components. The example below shows a counter whose state is managed using the useState() hook. Each time you click on the button, we make use of setCount() to update the value of count by 1. In this article, Adeneye David Abiodun covers the rules of React Hooks and ho

ADAdeneye David AbiodunAdeneye David Abiodun·April 15, 2020Frontend
Performance — Comparing HTTP/3 vs. HTTP/2 Performance

Comparing HTTP/3 vs. HTTP/2 Performance

We announced support for HTTP/3, the successor to HTTP/2, during Cloudflare’s birthday week last year. Our goal is and has always been to help build a better Internet. Even though HTTP/3 is still in draft status, we've seen a lot of interest from our users.

STSreeni TellakulaSreeni Tellakula·April 14, 2020Performance
Security — Sawfish phishing campaign targets GitHub users

Sawfish phishing campaign targets GitHub users

A phishing campaign targeting our customers lures GitHub users into providing their credentials (including two-factor authentication codes). Learn more about the threat and what you can do to protect yourself.

GSGitHub SIRTGitHub SIRT·April 14, 2020Security
Career & Teams — GitHub is free for teams

GitHub is free for teams

Every developer and team can now get private repositories with unlimited collaborators at no cost with GitHub Free, and we reduced prices for some of our paid plans.

NFNat FriedmanNat Friedman·April 14, 2020Career & Teams
SRE & Ops — HubSpot Migrating ZooKeeper into Kubernetes - High Scalability -

HubSpot Migrating ZooKeeper into Kubernetes - High Scalability -

We recently migrated hundreds of ZooKeeper instances from individual server instances to Kubernetes without downtime. Our approach used powerful Kubernetes features like endpoints to ease the process, so we’re sharing the high level outline of the approach for anyone who wants to follow in our footsteps. See the end for important networking prerequisites. Click to read more

FMFrancesca McCaffrey·April 14, 2020SRE & Ops
Performance — Hacklang at Slack: A Better PHP

Hacklang at Slack: A Better PHP

Slack launched in 2014 with a PHP 5 backend. Along with several other companies, we switched to HHVM in 2016 because it ran our PHP code faster. We stayed with HHVM because it offers an entirely new language: Hack (searchable as Hacklang). Hack makes our developers faster by improving productivity through better tooling. Hack began as a superset of PHP, retaining its best…

SESlack Engineering·April 14, 2020Performance
Frontend — How To Create A Particle Trail Animation In JavaScript — Smashing Magazine

How To Create A Particle Trail Animation In JavaScript — Smashing Magazine

If you are thinking about distracting visitors of your website with a fancy, glittering particle animation for a few moments, while some data is loaded in the background, all you need is some basic knowledge of CSS and JavaScript and a lightweight animation library such as anime.js. In the end, we should have the following result: Particle animations belong to the most impressive animations that e

APAnna PrenzelAnna Prenzel·April 14, 2020Frontend
Security — Cloudflare for SSH, RDP and Minecraft

Cloudflare for SSH, RDP and Minecraft

Cloudflare now covers SSH, RDP and Minecraft, offering DDoS protection and increased network performance. Spectrum pay-as-you-go now available on all paid plans.

AAchielAchiel·April 13, 2020Security