Home/2020
Archive

Year 2020

2,167 articles published in 2020.

Career & Teams — Stefan Ålund: Senior Product Manager

Stefan Ålund: Senior Product Manager

I usually get up way earlier than this, because it’s a 20-minute subway ride to the office and I have three children to drop off at school en route. But right now, we’re all staying home for the foreseeable future and that means I can take things a little slower, get up a little later and have an extra cup of coffee with my wife in the mornings. It’s a silver lining in this crazy situation.

SESpotify Engineering·April 1, 2020Career & Teams
Career & Teams — Reach for the Top: How Spotify Built Shortcuts in Just Six Months

Reach for the Top: How Spotify Built Shortcuts in Just Six Months

The , which now appears at the top of Spotify Home, is an important step forward in how listeners experience their favorite music and podcasts. Engineering Manager, Damien Tardieu, tells the story behind the launch of this exciting new feature and why the methodology chosen to support its development was the foundation for success.

SESpotify Engineering·April 1, 2020Career & Teams
Career & Teams — When Should I Write an Architecture Decision Record

When Should I Write an Architecture Decision Record

An Architecture Decision Record (ADR) is a document that captures a decision, including the context of how the decision was made and the consequences of adopting the decision. At Spotify, a handful of teams use ADRs to document their decisions. One of these teams, The Creator Team, focuses on providing tools for creators to express themselves on Spotify, as well as access data about their content.

JBJosef Blake·April 1, 2020Career & Teams
Engineering — Introducing the Spotify Podcast Dataset and TREC Challenge 2020

Introducing the Spotify Podcast Dataset and TREC Challenge 2020

Podcasts are exploding in popularity. Since 2015, we’ve added hundreds of thousands of shows, and users are listening more and more. With the additions of acquisitions including Gimlet and Parcast, we have a whole host of expertly created content, and with the addition of DIY podcasting platform Anchor, now everyone has access to tools to create their own podcast and publish it to Spotify, so the

SESpotify Engineering·April 1, 2020Engineering
Engineering — Ann Clifton: Senior Research Scientist

Ann Clifton: Senior Research Scientist

I like to start the day slowly – I’m not a morning person, so my husband kindly walks the dogs while I enjoy the peace and quiet, and wake myself up with a matcha or kombucha. After that, I’m more ready to get going and start to think about the day ahead of me.

SESpotify Engineering·April 1, 2020Engineering
Performance — Optimizing Ruby Lazy Initialization in TruffleRuby with Deoptimization - Shopify

Optimizing Ruby Lazy Initialization in TruffleRuby with Deoptimization - Shopify

Shopify's involvement with TruffleRuby began half a year ago, with the goal of furthering the success of the project and Ruby community. TruffleRuby is an alternative implementation of the Ruby language (where the reference implementation is CRuby, or MRI) developed by Oracle Labs. TruffleRuby has high potential in speed, as it is nine times faster than CRuby on optcarrot, a NES emulator benchmark

SEShopify Engineering·March 31, 2020Performance
Languages — What Should You Do When A Web Design Trend Becomes Too Popular? — Smashing Magazine

What Should You Do When A Web Design Trend Becomes Too Popular? — Smashing Magazine

By now, you’re probably used to seeing design trends come and go. But have you ever given any thought to what passing trends do to a website when left there for too long? As a web designer, you have a few choices. You can ignore popular design trends altogether; you can adopt them, but pull them out of rotation the second they go stale, or you can put your own unique spin on them. This guide will

SSSuzanne ScaccaSuzanne Scacca·March 31, 2020Languages
Engineering — RSS Stuff

RSS Stuff

Laura Kalbag wrote How to read RSS in 2020. This would be a nice place to send someone curious about RSS: what it is, what it's for, and how you can start

CCChris Coyier·March 30, 2020Engineering
Engineering — gqless

gqless

This is so cool. I mean, GraphQL is already cool. It's very satisfying to write an understandable-looking query for whatever you want and then use that data

CCChris Coyier·March 30, 2020Engineering
AI & ML — Post: InterviewCamp.io, Scrapinghub, Fauna, Sisu, Educative, PA File Sight, Etleap, Triplebyte, Stream - High Scalability -

Post: InterviewCamp.io, Scrapinghub, Fauna, Sisu, Educative, PA File Sight, Etleap, Triplebyte, Stream - 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. * Scrapinghub is hiring a Senior Software Engineer (Big Data/AI). You will be designing and implementing distributed systems: large-scale web crawling platform, integrating Deep Learning

HSHigh Scalability·March 30, 2020AI & ML
Frontend — Announcing “use-sound”, a React Hook for Sound Effects

Announcing “use-sound”, a React Hook for Sound Effects

By and large, using the web is a visual experience. This is in terrible contrast to mobile apps, which interact with three of our human senses (sight, sound, and touch, through haptic feedback). I just released a library to make it easy to add sound to your React app, and I make the case that you should consider using it!

JWJosh W. Comeau·March 30, 2020Frontend
Design & UX — Visual Design Language: The Building Blocks Of Design — Smashing Magazine

Visual Design Language: The Building Blocks Of Design — Smashing Magazine

We use language as a tool for communication with other people. Writers use words to communicate with their readers, while designers use visual language to communicate with their users. Fonts, colors, shapes, visual elements such as icons — those are elements of design language. Effective design language streamlines communication. A robust visual design language is the cornerstone of good design. I

GKGleb KuznetsovGleb Kuznetsov·March 30, 2020Design & UX
Design & UX — Smart Interface Design Patterns Checklists PDF — Smashing Magazine

Smart Interface Design Patterns Checklists PDF — Smashing Magazine

A set of checklists to help you create smart interface design patterns. Totally free if you sign up for our friendly newsletter. These checklists are based on the work Vitaly has been doing for many years, exploring and examining examples of desktop and mobile interfaces. Learning what works and what doesn’t in usability tests and user interviews.

ILIris LjesnjaninIris Ljesnjanin·March 30, 2020Design & UX
Performance — Deploys at Slack

Deploys at Slack

Deploys require a careful balance of speed and reliability. At Slack, we value quick iteration, fast feedback loops, and responsiveness to customer feedback. We also have hundreds of engineers who are trying to be as productive as possible. Keeping to these values while growing as a company means continual refinement of our deployment system. We…

SESlack Engineering·March 29, 2020Performance
Architecture — Migrating from VPN to Access

Migrating from VPN to Access

With so many people at Cloudflare now working remotely, it's worth stepping back and looking at the systems we use to get work done and how we protect them. Over the years we've migrated from a traditional "put it behind the VPN!" company to a modern zero-trust architecture.

CCloudflare·March 28, 2020Architecture
Frontend — Creating a Pencil Effect in SVG

Creating a Pencil Effect in SVG

Scott Turner, who has an entire blog "Exploring procedural generation and display of fantasy maps", gets into why vector graphics seems on these surface why

CCChris Coyier·March 28, 2020Frontend
Frontend — How to use CSS Scroll Snap

How to use CSS Scroll Snap

Nada Rifki demonstrates the scroll-snap-type and scroll-snap-alignCSS properties. I like that the demo shows that the items in the scrolling

CCChris Coyier·March 27, 2020Frontend
Distributed — Stuff The Internet Says On Scalability For March 27th, 2020 - High Scalability -

Stuff The Internet Says On Scalability For March 27th, 2020 - High Scalability -

Hey, it's HighScalability time! Awesome explanation of how to build a PID controller to fly a rocket! (BPS.space via Orbital Index) Do you like this sort of Stuff? Without your support on Patreon this kind of Stuff can't happen. You are that important to the fate of the intelligent world. Know someone who wants to understand the cloud? I wrote Explain the Cloud Like I'm 10 just for them. On Amazon

HSHigh Scalability·March 27, 2020Distributed
Engineering — How To Make Life Easier When Using Git — Smashing Magazine

How To Make Life Easier When Using Git — Smashing Magazine

You don’t need to know your trees from your dangling blobs. If you use Git every day and feel like it’s a juggling act, then here are some tricks and tips to help make your life a bit easier. There’s been a lot written about getting started with git, understanding how git works under the hood or techniques for better branching strategies. In this article, Shane Hudson will specifically target the

SHShane HudsonShane Hudson·March 27, 2020Engineering
Frontend — Migrating to React land: Gatsby

Migrating to React land: Gatsby

As our developer documentation grows so does the need for tooling. Let’s walk through how we migrated our documentation site to Gatsby to take full advantage of static generation and React.

VVictoriaVictoria·March 26, 2020Frontend
Distributed — The Working Group's White paper on Japan and covid-19

The Working Group's White paper on Japan and covid-19

Author’s note: This is a copy of the white paper of the Working Group, a group of four pseudonymous professionals in Tokyo. I, Patrick McKenzie, was the primary author. It was distributed quietly during the week of March 25th, 2020. I have written an essay describing how this document came to be and demonstrating its provenance .

PMPatrick McKenziePatrick McKenzie·March 26, 2020Distributed
Design & UX — How To Increase Mobile Conversions With Category Page Design — Smashing Magazine

How To Increase Mobile Conversions With Category Page Design — Smashing Magazine

Recent research has found that e-commerce category pages have higher click-through rates in search than individual category pages. So, if your e-commerce site is struggling to attract shoppers and convert them, your category pages (specifically, those on mobile) might be in need of a redesign. Based on the following data, Suzanne Scacca will show you how category pages have a role to play — as the

SSSuzanne ScaccaSuzanne Scacca·March 26, 2020Design & UX
Security — Speeding up Linux disk encryption

Speeding up Linux disk encryption

Encrypting data at rest is vital for Cloudflare with more than 200 data centres across the world. In this post, we will investigate the performance of disk encryption on Linux and explain how we made it at least two times faster for ourselves and our customers!

IIgnatIgnat·March 25, 2020Security
Frontend — How to Animate Text with SVG and CSS

How to Animate Text with SVG and CSS

The other day I was helping my pal Jez work on Dept. of Enthusiasm, the site for his newsletter, and I had a thought. What if we made the word “enthusiasm” in

RRRobin RendleRobin Rendle·March 25, 2020Frontend
Frontend — CSS Viewport Units

CSS Viewport Units

Deep dive from Ahmad. I like the coverage of vmin and vmax, which I think I don't reach for as often as I should.

CCChris Coyier·March 25, 2020Frontend
Engineering — An Introduction to MDXJS

An Introduction to MDXJS

Markdown has traditionally been a favorite format for programmers to write documentation. It’s simple enough for almost everyone to learn and adapt to while

AMAgney MenonAgney Menon·March 25, 2020Engineering
Frontend — Auto-Growing Inputs & Textareas

Auto-Growing Inputs & Textareas

By default, <input> and <textarea> elements don't change size based on the content they contain. In fact, there isn't any simple HTML or CSS way

CCChris Coyier·March 25, 2020Frontend
Frontend — How Should Designers Learn To Code? Git, HTML/CSS, Engineering Principles (Part 2) — Smashing Magazine

How Should Designers Learn To Code? Git, HTML/CSS, Engineering Principles (Part 2) — Smashing Magazine

In [Part 1](https://www.smashingmagazine.com/2020/03/designers-code-terminal-text-editors-part-1/), Paul explained the basics of the terminal, shared a few productivity hacks to get you started, and how to choose a code editor. In this part, he’ll continue with the topics of version control (Git), HTML and CSS, semantic code, and a brief introduction to some key engineering principles.

PHPaul HanaokaPaul Hanaoka·March 25, 2020Frontend
AI & ML — Post: Scrapinghub, Fauna, Sisu, Educative, PA File Sight, Etleap, Triplebyte, Stream - High Scalability -

Post: Scrapinghub, Fauna, Sisu, Educative, PA File Sight, Etleap, Triplebyte, Stream - High Scalability -

Who's Hiring? * Scrapinghub is hiring a Senior Software Engineer (Big Data/AI). You will be designing and implementing distributed systems: large-scale web crawling platform, integrating Deep Learning based web data extraction components, working on queue algorithms, large datasets, creating a development platform for other company departments, etc. - this is going to be a challenging journey for

HSHigh Scalability·March 24, 2020AI & ML
Engineering — Different Favicon for Development

Different Favicon for Development

I bet a lot of us tend to have the production website and the development website up simultaneously a lot. It's almost a developer cliché at this point to

CCChris Coyier·March 23, 2020Engineering