Home/2020
Archive

Year 2020

2,138 articles published in 2020.

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
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
Frontend — No-Class CSS Frameworks

No-Class CSS Frameworks

I linked up Water.css not long ago as an interesting sort of CSS framework. No classes. No <h2 class="is-title">. You just use semantic HTML and get

CCChris Coyier·April 13, 2020Frontend
Frontend — CSS Variables for React Devs

CSS Variables for React Devs

CSS variables are *really* cool, and they're incredibly powerful when it comes to React! This tutorial shows how we can use them with React to create dynamic themes. We'll see how to get the most out of CSS-in-JS tools like styled-components, and how our mental frame around media queries has been wrong all along.

JWJosh W. Comeau·April 13, 2020Frontend
Frontend — Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography — Smashing Magazine

Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography — Smashing Magazine

In this eighth issue of Inspired Design Decisions, Andy Clarke will explain how learning about American graphic designer and typographer Herb Lubalin has transformed his approach to typography on the web. How can we combine elements to develop powerful headers and calls to action? How do we use pre-formatted HTML text, and the text element in SVG for precise control over type? How can we optimise

ACAndy ClarkeAndy Clarke·April 13, 2020Frontend
Frontend — Getting Started With The React Hooks API — Smashing Magazine

Getting Started With The React Hooks API — Smashing Magazine

In this tutorial, you are going to learn and understand what React hooks are, the basic React Hooks that are available and also examples of how to write them for your React applications. In the process, you will also get to know about some additional hooks that were shipped with React 16.8 and also how to write your own custom React Hooks.

SAShedrack AkintayoShedrack Akintayo·April 10, 2020Frontend
Security — Free Google Book: Building Secure and Reliable Systems - High Scalability -

Free Google Book: Building Secure and Reliable Systems - High Scalability -

Google added another book into their excellent SRE series: Building Secure and Reliable Systems. It's free to download, so don't be shy. It's not short: 557 pages and 21 chapters! So what's it about? In short it's about "reliability through the lens of security." In long, Ana Oprea, one of the authors, gave a good overview. anaoprea: There are multiple questions about what this book is about, who

HSHigh Scalability·April 9, 2020Security
Design & UX — Baking Structured Data Into The Design Process — Smashing Magazine

Baking Structured Data Into The Design Process — Smashing Magazine

All search engines share the same purpose: to organize the web’s content and deliver the most relevant, useful results possible to search queries. How they achieve this has changed enormously since the days of Lycos and Ask Jeeves. Google alone uses more than 200 ranking factors, and those are just the ones we know about. Retrofitting search engine optimization only gets you so far. As metadata ge

FOFrederick O BrienFrederick O Brien·April 9, 2020Design & UX
Engineering — Moving from reCAPTCHA to hCaptcha

Moving from reCAPTCHA to hCaptcha

We recently migrated the CAPTCHA provider we use from Google's reCAPTCHA to a service provided by the independent hCaptcha. Here's a walk through of the rationale in more detail.

MPMatthew Prince, SergiMatthew Prince, Sergi·April 8, 2020Engineering