Home/2020
Archive

Year 2020

2,138 articles published in 2020.

Frontend — Rebuilding our tech stack for the new Facebook.com

Rebuilding our tech stack for the new Facebook.com

Facebook.com launched in 2004 as a simple, server-rendered PHP website. Over time, we’ve added layer upon layer of new technology to deliver more interactive features. Each of these new features and technologies incrementally slowed the site down and made it harder to maintain. This made it harder to introduce new experiences. Features like dark mode […]

MEMeta Engineering·May 8, 2020Frontend
Databases — How To Build A Vue Survey App Using Firebase Authentication And Database — Smashing Magazine

How To Build A Vue Survey App Using Firebase Authentication And Database — Smashing Magazine

This tutorial would take you on a step by step guide to build a functional survey app using Vue.js and Firebase. From validating the user’s data through Vuelidate, to authentication, storing the user’s data, route protection and sending data to Firebase servers. All the steps used in the tutorial are practical, and can be reproduced in any real-life project, even with a custom backend.

DADavid AtandaDavid Atanda·May 8, 2020Databases
Career & Teams — Happiness is… a freshly organized codebase

Happiness is… a freshly organized codebase

Starting From the Top Imagine joining a new team at a new company and you finally get access to a codebase. Slack iOS Xcode File Hierarchy 2017 Where do you add a source file for your team’s project? Great question. Your new team has three source directories for you to add files to, and oh,…

SESlack Engineering·May 7, 2020Career & Teams
Design & UX — Reducing Design Risk — Smashing Magazine

Reducing Design Risk — Smashing Magazine

The pressure to rush market and usability research carries risk. In this article, Eric Olive will offer four practical techniques to mitigate this risk and create designs that better serve customers and the company: context over convenience, compromise, better design decisions, design reduction.

EOEric OliveEric Olive·May 7, 2020Design & UX
Engineering — Lessons Learned Speaking at Conferences

Lessons Learned Speaking at Conferences

Speaking at conferences is equal parts exciting and terrifying. This article is a behind-the-scenes look at what the experience is like, and shares tips for getting started as a conference speaker.

JWJosh W. Comeau·May 6, 2020Engineering
Engineering — A Complete Guide To Mechanical Keyboards — Smashing Magazine

A Complete Guide To Mechanical Keyboards — Smashing Magazine

How much thought have you put into your primary input device? Ever considered how much better your interface with your computer might be? For decades, keyboards have been the primary mechanisms by which we interact with our computers. In this article, Ben Frain is going to dive into the possibilities of mechanical keyboards. The different layouts, switch types and even keycap material. Strap yours

BFBen FrainBen Frain·May 6, 2020Engineering
Engineering — More flexibility with Stripe Billing

More flexibility with Stripe Billing

New Stripe Billing features to help you support more business models, shave time off of your operations, and let you bill customers globally with advanced invoicing features.

ARArne Roomann-KurrikArne Roomann-Kurrik·May 6, 2020Engineering
Frontend — Angular + Jamstack! (Free Webinar)

Angular + Jamstack! (Free Webinar)

It's easy to think that working with Jamstack means working with some specific set of technologies. That's how it's traditionally been packaged for us. Think

GGGeoff GrahamGeoff Graham·May 5, 2020Frontend
Frontend — List Style Recipes

List Style Recipes

Lists are a fundamental part of HTML! They are useful in things like blog posts for listing out steps, recipes for listing ingredients, or items in a

CCChris Coyier·May 5, 2020Frontend
Networking — Implementing a secure web-based proxy service for Discover

Implementing a secure web-based proxy service for Discover

Our connectivity efforts focus on expanding internet access and adoption around the world. This includes our work on technologies like Terragraph, our collaboration with mobile operators on efforts to expand rural access, our work as part of the Telecom Infra Project, and programs like Free Basics. As we’ve continued working on Free Basics, we’ve listened […]

MEMeta Engineering·May 5, 2020Networking
Engineering — Meet SmashingConf Live: Our New Interactive Online Conference — Smashing Magazine

Meet SmashingConf Live: Our New Interactive Online Conference — Smashing Magazine

The cat is out of the bag! Meet SmashingConf Live (Aug 20–21), our very first online conference. For SmashingConf Live, our new online conference, we don’t want to replicate in-person experiences online. Instead, we’ve designed an entirely new conference experience, focusing around interactive live sessions and discussion zones where you actively shape what happens next, and learn along the way.

VFVitaly FriedmanVitaly Friedman·May 5, 2020Engineering
Frontend — CSS Functions Guide

CSS Functions Guide

Like any other programming language, CSS has functions. They can be inserted where you’d place a value, or in some cases, accompanying another value declaration.

EBEric BaileyEric Bailey·May 4, 2020Frontend
Frontend — No-Comma Color Functions in CSS

No-Comma Color Functions in CSS

There have been a couple of viral tweets about this lately, one from Adam Argyle and one from Mathias Bynes. This is a nice change that makes CSS a bit more

CCChris Coyier·May 4, 2020Frontend
Engineering — Announcing the MLH Fellowship, powered by GitHub

Announcing the MLH Fellowship, powered by GitHub

Now more than ever, students need opportunities to sustain their growth, using real tools, and an experienced understanding of how to work remotely and globally. With this new program, we’re helping to support the next generation of developers and the open source projects that companies use every day.

VGVanessa GennarelliVanessa Gennarelli·May 4, 2020Engineering
Distributed — Part 2: The DynamoDB Book: An Interview With Alex DeBrie On His New Book - High Scalability -

Part 2: The DynamoDB Book: An Interview With Alex DeBrie On His New Book - High Scalability -

This is the second part of my interview with Alex DeBrie on his new insta-classic: The DynamoDB Book. To read the first part of the interview please mosey on over to The DynamoDB Book: An Interview With Alex DeBrie On His New Book. Go ahead. Take your time. It's worth it. Quick Fire Round. What's your quick reaction to: The cost of storing data in S3 versus storing data in DynamoDB? Use S3 for lar

HSHigh Scalability·May 4, 2020Distributed
Frontend — Accessible Animations in React

Accessible Animations in React

I really love animation, but not everybody does. In fact, it can make some people literally sick! In this tutorial, we'll see how to ensure that we respect user preferences, and create animations that can be disabled.

JWJosh W. Comeau·May 4, 2020Frontend
Performance — An Introduction To React With Ionic — Smashing Magazine

An Introduction To React With Ionic — Smashing Magazine

Mobile app development using hybrid frameworks has come a long way since initial release in 2008. With the improvements being made to the JavaScript engine and improved processing power available to mobile phones, the major concern people had when they considered developing their apps using the hybrid approach — namely, performance — has all but been eliminated, and cross-platform frameworks have

JNJerry NaviJerry Navi·May 4, 2020Performance
Networking — When people pause the Internet goes quiet

When people pause the Internet goes quiet

As human behaviour has changed in response to the pandemic, it's left a mark on the charts that network operators look at day in, day out to ensure that their networks are running correctly.

JGJohn Graham CummingJohn Graham Cumming·May 1, 2020Networking
Frontend — Readability Algorithms Should Be Tools, Not Targets — Smashing Magazine

Readability Algorithms Should Be Tools, Not Targets — Smashing Magazine

In recent years a slew of ‘readability’ programs have appeared to help us tidy up the things we write. Used everywhere from newsrooms to browser plugins, these systems offer automated feedback on how writing can be clearer, neater, and less contrived. Sounds good right? Well, up to a point. Readability programs may seem like a godsend, but the worst thing writers can do is write to please them abo

FOFrederick O BrienFrederick O Brien·May 1, 2020Frontend
Career & Teams — Alia Rose Connor: Agile Coach Manager

Alia Rose Connor: Agile Coach Manager

Usually, I live in Brooklyn and start the day with a 45-minute commute to the office. But at the moment, things are very different – my partner and I are holed up at our little place in the woods near New Paltz, so now I just start the day with some yoga before jumping online for my first meeting. When we bought this house last September, we had no idea what a refuge it would turn out to be. So I

SESpotify Engineering·May 1, 2020Career & Teams
Frontend — CSS-Tricks Chronicle XXXVIII

CSS-Tricks Chronicle XXXVIII

Hey hey, these "chronicle" posts are little roundups of news that I haven't gotten a chance to link up yet. They are often things that I've done off-site,

CCChris Coyier·April 30, 2020Frontend
Engineering — Why My Blog is Closed-Source

Why My Blog is Closed-Source

In our community, it's so common for developer projects to be open-source. I'm breaking with this trend for my blog, but I have good reasons! In this article, I'll share my reasoning, as well as a workaround in case you _really_ want to see the source. If you're considering whether a project should be open-source or not, I hope you'll find it valuable.

JWJosh W. Comeau·April 30, 2020Engineering
Distributed — Categorizing Products at Scale - Shopify

Categorizing Products at Scale - Shopify

By: Jeet Mehta and Kathy Ge With over 1M business owners now on Shopify, there are billions of products being created and sold across the platform. Just like those business owners, the products that they sell are extremely diverse! Even when selling similar products, they tend to describe products very differently. One may describe their sock product as a “woolen long sock,” whereas another may ha

SEShopify Engineering·April 30, 2020Distributed
Performance — Join Our New Online Workshops On CSS, Accessibility, Performance, And UX — Smashing Magazine

Join Our New Online Workshops On CSS, Accessibility, Performance, And UX — Smashing Magazine

As we have now formalized our workshop process, we thought we’d share a little more about how these events run. Unlike in-person workshops where we keep you in a room for an eight hour day, we realized than many of you have a lot of other commitments right now. Our initial online workshops went so well, we have scheduled many more. Find out how what we learned from those first workshops and what w

RARachel AndrewRachel Andrew·April 30, 2020Performance