Home/2020
Archive

Year 2020

2,167 articles published in 2020.

Engineering — GitHub Action Hero: Jeremy Shore

GitHub Action Hero: Jeremy Shore

The GitHub community is capable of incredible things! GitHub Actions is just one of the amazing tools made available for developers. Actions is here to help you automate your workflows,…

MDMichelle DukeMichelle Duke·July 10, 2020Engineering
Engineering — A Book Release For Click! And A Chance To Rethink Our Routines — Smashing Magazine

A Book Release For Click! And A Chance To Rethink Our Routines — Smashing Magazine

We shipped the first copies of *[Click! How to Encourage Clicks Without Shady Tricks](https://www.smashingmagazine.com/printed-books/click/)* in June, with a little extra something for preorder customers. The book is one of our most creative — beautifully designed and filled with great strategies for increasing conversion without falling into the dead-end routine of dark patterns. It’s a well-time

ASAri StilesAri Stiles·July 10, 2020Engineering
Frontend — CSS Transitions In Vuejs And Nuxtjs — Smashing Magazine

CSS Transitions In Vuejs And Nuxtjs — Smashing Magazine

Transitions are a nice way to remove, change, or update data in an application because their occurrence adds a nice effect and is good for the user experience. In this tutorial, Timi Omoyeni will look at the different ways to apply transitions in both Vue.js and Nuxt.js applications. Using these transitions in your applications and websites create a better visual experience and sometimes draws and

TOTimi OmoyeniTimi Omoyeni·July 10, 2020Frontend
Frontend — Frontity is React for WordPress

Frontity is React for WordPress

Some developers just prefer working in React. I don't blame them really, because I like React too. Maybe that's what they learned first. I've been using it

CCChris Coyier·July 9, 2020Frontend
Distributed — Media at Scale: Callbacks vs pipelines - Shopify

Media at Scale: Callbacks vs pipelines - Shopify

Shopify recently launched the ability to add videos and 3d models to products as a native feature within the Admin section. Learn how we used pipelines to manage the long-term maintenance and understandability of the code.

SEShopify Engineering·July 9, 2020Distributed
Engineering — Removing Panic From E-Commerce Shipping And Inventory Alerts — Smashing Magazine

Removing Panic From E-Commerce Shipping And Inventory Alerts — Smashing Magazine

There was a time when marketers used things like urgency, scarcity and FOMO to drive online shoppers to a sale. But scare tactics can actually hurt a brand’s relationships with customers. By their very nature, we run into similar problems with shipping and inventory alerts. That said, there are ways that web designers can keep panic and frustration from seeping into the shopper’s experience. If yo

SSSuzanne ScaccaSuzanne Scacca·July 9, 2020Engineering
SRE & Ops — Introducing the GitHub Availability Report

Introducing the GitHub Availability Report

What is the Availability Report? Historically, GitHub has published post-incident reviews for major incidents that impact service availability. Whether we’re sharing new investments to infrastructure or detailing site downtimes, our…

KBKeith BallingerKeith Ballinger·July 8, 2020SRE & Ops
Distributed — Sponsored Post: ipdata, StackHawk, InterviewCamp.io, Educative, Triplebyte, Stream, Fauna - High Scalability -

Sponsored Post: ipdata, StackHawk, InterviewCamp.io, Educative, Triplebyte, Stream, Fauna - High Scalability -

Who's Hiring? * InterviewCamp.io has hours of system design content. They also do live system design discussions every week. They break down interview prep into fundamental building blocks. Try out their platform. * Triplebyte lets exceptional software engineers skip screening steps at hundreds of top tech companies like Apple, Dropbox, Mixpanel, and Instacart. Make your job search O(1), not O(n).

HSHigh Scalability·July 8, 2020Distributed
Performance — Creating Tiny Desktop Apps With Tauri And Vue.js — Smashing Magazine

Creating Tiny Desktop Apps With Tauri And Vue.js — Smashing Magazine

Tauri is a toolchain for creating small, fast, and secure desktop apps from your existing HTML, CSS, and JavaScript. In this article, Kelvin explains how Tauri plays well with the progressive framework Vue.js by integrating both technologies in bundling an example web app called **nota** as a native application.

KOKelvin OmereshoneKelvin Omereshone·July 8, 2020Performance
Engineering — Building Cloudflare TV from scratch

Building Cloudflare TV from scratch

Cloudflare TV is a 24x7 TV channel that takes you behind-the-scenes and let’s you hear directly from the builders working on your favorite Cloudflare products. This blog post covers the story of why we decided to build Cloudflare TV in-house and some of the technologies that make it possible.

OOliverOliver·July 7, 2020Engineering
Engineering — Dropbox App Center in Beta

Dropbox App Center in Beta

The Dropbox App Center is launched in beta. The App Center is a centralized place to find tools that enhance your Dropbox experience.

KAKyle Anderson·July 7, 2020Engineering
SRE & Ops — Introducing our 2019 Sustainability Report

Introducing our 2019 Sustainability Report

As the world navigates the COVID-19 pandemic, companies are focusing not only on their business strategy, but also on their approach to key environmental and social issues. One of several areas we are focusing on now is our commitment to sustainable business practices and reporting. Today, we are taking another important step toward increased transparency […]

MEMeta Engineering·July 7, 2020SRE & Ops
Frontend — CSS News July 2020 — Smashing Magazine

CSS News July 2020 — Smashing Magazine

If you are the sort of person who doesn’t like reading about things if you can’t use them now, then this article probably isn’t for you — we have many others for you to enjoy instead! However, if you like to know what is on the way and read more about the things you can play with in a beta version of a browser, read on! Today, Rachel Andrew takes a look at some of the interesting CSS features that

RARachel AndrewRachel Andrew·July 7, 2020Frontend
Frontend — Bootstrap 5

Bootstrap 5

It's always notable when the world biggest CSS framework goes up a major version (it's in alpha now).

CCChris Coyier·July 6, 2020Frontend
SRE & Ops — Retrie: Haskell refactoring made easy

Retrie: Haskell refactoring made easy

What’s new: We’ve open-sourced Retrie, a code refactoring tool for Haskell that makes codemodding faster, easier, and safer. Using Retrie, developers can efficiently rewrite large codebases (exceeding 1 million lines), express rewrites as equations in Haskell syntax instead of regular expressions, and avoid large classes of codemodding errors. Retrie’s features include the ability to rewrite […] R

CWChris Wiltz·July 6, 2020SRE & Ops
Performance — Understanding Plugin Development In Gatsby — Smashing Magazine

Understanding Plugin Development In Gatsby — Smashing Magazine

Gatsby is a modern static-site generator that has revamped the way static websites are being built. It incorporates React, Node.js, and GraphQL to create stunning and blazing-fast websites. In this post, Aleem Isiaka will introduce Gatsby plugins, discuss the types of Gatsby plugins that exist, differentiate between the forms of Gatsby plugins, and, finally, create a comment plugin that can be use

AIAleem IsiakaAleem Isiaka·July 6, 2020Performance
Performance — Make Your Sites Fast, Accessible And Secure With Help From Google — Smashing Magazine

Make Your Sites Fast, Accessible And Secure With Help From Google — Smashing Magazine

From June 30th to July 2nd, Google’s web platform team brought together the web community for [web.dev LIVE](https://web.dev/shows/web-dev-live-day-1), a digital event to talk about the latest development to the platform and tools ecosystem, give developers a chance to talk to each other and ask their burning questions to the team. Over the three days, the Google team shared a round of updates and

DADion AlmaerDion Almaer·July 6, 2020Performance
Career & Teams — GitHub Action Hero: Casey Lee

GitHub Action Hero: Casey Lee

The GitHub community is capable of incredible things and GitHub Actions is the tool. Do you want to automate your workflow, increase your productivity, and empower your developer experience? Then…

MDMichelle DukeMichelle Duke·July 3, 2020Career & Teams
Frontend — How To Test Your React Apps With The React Testing Library — Smashing Magazine

How To Test Your React Apps With The React Testing Library — Smashing Magazine

Testing gives confidence in written code. In the context of this article, ‘testing’ means ‘automated testing’. Without automated testing, it is significantly harder to ensure the quality of a web application of significant complexity. Fails caused by automated testing may lead to more bugs in production. In this article, Chidi Orji is going to show you how React developers can quickly start testin

COChidi OrjiChidi Orji·July 3, 2020Frontend
Performance — Links on Performance II

Links on Performance II

Just had a couple of good performance links burning a hole in my pocket, so blogging them like a good little blogger.

CCChris Coyier·July 2, 2020Performance
Engineering — How we launched docs.github.com

How we launched docs.github.com

ICYMI: docs.github.com is the new place to discover all of GitHub’s product documentation! We recently completed a major overhaul of GitHub’s documentation websites. When you visit docs.github.com today, you’ll see…

SSSarah SchneiderSarah Schneider·July 2, 2020Engineering
Engineering — GitHub Supports the Open Technology Fund

GitHub Supports the Open Technology Fund

Last week, GitHub joined over 500 organizations signing a letter to the U.S. Congress seeking continued support for the Open Technology Fund (OTF) and its mission of funding open source…

MLMike LinksvayerMike Linksvayer·July 2, 2020Engineering
Frontend — A First Look at Reanimated 2 - Shopify

A First Look at Reanimated 2 - Shopify

With Reanimated 2, the team at Software Mansion asked: “How would it look if there were no constraints when writing gestures and animations in React Native?” and started from there.

SEShopify Engineering·July 2, 2020Frontend
Frontend — Differences Between Static Generated Sites And Server-Side Rendered Apps — Smashing Magazine

Differences Between Static Generated Sites And Server-Side Rendered Apps — Smashing Magazine

Statically generated sites or pre-rendering and server-side rendered applications are two modern ways to build front-end applications using JavaScript frameworks. These two modes, yet different, are often mixed up as the same thing and in this tutorial, Timi Omoyeni is going to show you the differences between them. You’ll learn what a server-side-rendered application is, as well as learn about fr

TOTimi OmoyeniTimi Omoyeni·July 2, 2020Frontend
Engineering — Opposing racism

Opposing racism

Racism is antithetical to Stripe’s mission. We stand with the Black community against discrimination and police violence.

PCPatrick CollisonPatrick Collison·July 2, 2020Engineering
Security — Making the WAF 40% faster

Making the WAF 40% faster

As with all Cloudflare security products, the WAF is designed to not sacrifice performance for security, but there is always room for improvement. This blog post provides a brief overview of the latest performance improvements that were rolled out to our customers.

MMiguelMiguel·July 1, 2020Security
Engineering — Launching docs.github.com

Launching docs.github.com

Leia este artigo em português Sabemos como a aprendizagem é importante para o seu sucesso na utilização do GitHub. Quando você estiver usando nossos produtos, esperamos que você se sinta…

JLJenn LeaverJenn Leaver·July 1, 2020Engineering
Architecture — Information And Information Architecture: The BIG Picture — Smashing Magazine

Information And Information Architecture: The BIG Picture — Smashing Magazine

Information architecture is the process of categorizing and organizing information to create structure and meaning. To give this context, in this article Carrie Webster explores not only the basics of information architecture, but also the broader view of the information age, how we use information and how it impacts our world and our lives. Understanding the bigger picture enables us to get a muc

CWCarrie WebsterCarrie Webster·July 1, 2020Architecture
SRE & Ops — Leveraging Mobile Infrastructure with Data-Driven Decisions

Leveraging Mobile Infrastructure with Data-Driven Decisions

TL;DR The pursuit wasn’t always easy, but “putting data first” has helped Spotify dramatically improve the infrastructure team’s decision-making process while improving company productivity. Raul Herbster describes the benefits, especially for mobile DevOps teams.

RHRaul Herbster·July 1, 2020SRE & Ops
Engineering — Erick Camacho: iOS Engineer

Erick Camacho: iOS Engineer

Usually when I’m commuting into the office, I have to get up at 7am and catch the subway. But these days, I can sleep a little later – I make myself a tea or coffee and check my emails and Slack messages at the kitchen table. Then I get to work and start to review code and pull requests that have come in overnight from developers in the US timezones.

SESpotify Engineering·July 1, 2020Engineering