Home/2020
Archive

Year 2020

2,138 articles published in 2020.

Frontend — Avoid Keyboard Event-Related Bugs In Browser-Based Transliteration — Smashing Magazine

Avoid Keyboard Event-Related Bugs In Browser-Based Transliteration — Smashing Magazine

Transliteration is a popular way to input non-English characters using an English keyboard. The typical method of implementing this is via keyboard event capturing but there’s no uniform support from mobile browsers. In this article, Sandamal Siripathi explains a new method to eliminate such browser-related problems when developing web apps that use transliteration.

SSSandamal SiripathiSandamal Siripathi·March 6, 2020Frontend
Engineering — The History of the URL

The History of the URL

January 11th, 1982, 22 computer scientists met to discuss an issue with ‘computer mail’ (now known as email).

ZBZack BloomZack Bloom·March 5, 2020Engineering
Engineering — The Slideout Footer

The Slideout Footer

A fascinating new site called The Markup just launched. Tagline: Big Tech Is Watching You. We’re Watching Big Tech. Great work from Upstatement. The

CCChris Coyier·March 5, 2020Engineering
SRE & Ops — Preventing performance regressions with Health Compass and Incident Tracker

Preventing performance regressions with Health Compass and Incident Tracker

Facebook’s codebase changes frequently each day as engineers develop new features and optimizations for our apps. If not handled properly, each of these changes could potentially regress performance for billions of people around the world. At each step in the development process, we apply a suite of automated regression detection tools to mitigate these risks […]

MEMeta Engineering·March 5, 2020SRE & Ops
Frontend — Introducing Alpine.js: A Tiny JavaScript Framework — Smashing Magazine

Introducing Alpine.js: A Tiny JavaScript Framework — Smashing Magazine

Ever built a website and reached for jQuery, Bootstrap, Vue.js or React to acheive some basic user interaction? Alpine.js is a fraction of the size of these frameworks because it involves no build steps and provides all of the tools you need to build a basic user interface. Today, Phil Smith is going to take a closer look at Alpine.js and how it can replace JQuery or larger JavaScript libraries to

PSPhil SmithPhil Smith·March 5, 2020Frontend
Frontend — What React Does (and Doesn't Do)

What React Does (and Doesn't Do)

With a name as big as React, it's bound to cause some Stream-Crossing Confusion, as I like to call it. How do you center a <div> in React? Dave Ceddia:

CCChris Coyier·March 4, 2020Frontend
Frontend — Why Are We Talking About CSS4? — Smashing Magazine

Why Are We Talking About CSS4? — Smashing Magazine

Around the web and within the CSS Working Group, there has been some discussion about whether we should specify a version of CSS — perhaps naming it CSS4. In this article, Rachel Andrew rounds up some of the pros and cons of doing so, and asks for your feedback on the suggestion.

RARachel AndrewRachel Andrew·March 4, 2020Frontend
Security — Addressing the Web’s Client-Side Security Challenge

Addressing the Web’s Client-Side Security Challenge

Modern web architecture relies heavily on JavaScript and enabling third-party code to make client-side network requests. These innovations are built on client-heavy frameworks such as Angular, Ember, React, and Backbone that leverage the processing power of the browser

SBSwapnil BhalodeSwapnil Bhalode·March 3, 2020Security
Networking — RPKI and the RTR protocol

RPKI and the RTR protocol

Today’s Internet requires stronger protection within its core routing system and as we have already said: it's high time to stop BGP route leaks and hijacks by deploying operationally-excellent RPKI!

MLMartin LevyMartin Levy·March 3, 2020Networking
Engineering — What I Like About Craft CMS

What I Like About Craft CMS

Looking at the CMS scene today, there are upwards of 150 options to choose from — and that’s not including whatever home-grown custom alternatives people

MIMarko IlicMarko Ilic·March 3, 2020Engineering
Frontend — Vue.js: The Documentary

Vue.js: The Documentary

Hey how cool! A documentary about Vue! Good timing as it looks like VueConf is happening right now. (Reminder we have a site for conferences to tell you stuff

CCChris Coyier·March 3, 2020Frontend
Design & UX — When You Find A Good Idea, Look For A Better One — Smashing Magazine

When You Find A Good Idea, Look For A Better One — Smashing Magazine

Prototyping helps to formulate the main trajectory of the design by framing your mind around a continuous pursuit of better concepts. Any team that makes a prototyping integral part of their design is motivated to search for a better solution. Today, Tony Kim will introduce you to ProtoPie, a tool that will help you prototype in the best way possible to validate an idea and bring it to life.

TKTony KimTony Kim·March 3, 2020Design & UX
Engineering — When Bloom filters don't bloom

When Bloom filters don't bloom

Last month finally I had an opportunity to use Bloom filters. I became fascinated with the promise of this data structure, but I quickly realized it had some drawbacks. This blog post is the tale of my brief love affair with Bloom filters.

MMMarek MajkowskiMarek Majkowski·March 2, 2020Engineering
Frontend — Selectors Explained

Selectors Explained

Have you ever found yourself either writing a CSS selector that winds up looking confusing as heck, or seen one while reading through someone's code? That

GGGeoff GrahamGeoff Graham·March 2, 2020Frontend
Performance — The Elephant in the Architecture

The Elephant in the Architecture

We, and our colleagues, are often called on to perform architectural assessments for our clients. When we do this, the architects involved with these systems will talk about the performance of these systems, how resilient they are to faults, and how they are designed to evolve to easily support new capabilities. The elephant that rarely comes up, however, is how different systems contribute to bus

ICIan Cartwright and Martin Fowler·March 2, 2020Performance
Frontend — The Perils of Hydration

The Perils of Hydration

A surprisingly-common misconception can lead to big rendering issues that are difficult to debug. This deep-dive tutorial examines how React and Gatsby can be used to pre-render content, and how we can work around the constraints to build dynamic, personalized web apps.

JWJosh W. Comeau·March 2, 2020Frontend
Design & UX — Inspired Design Decisions With Neville Brody: Design Cannot Remain Neutral — Smashing Magazine

Inspired Design Decisions With Neville Brody: Design Cannot Remain Neutral — Smashing Magazine

In this sixth instalment of Inspired Design Decisions, Andy Clarke will explore how British art director Neville Brody and in particular his work on The Face Magazine inspires his designs for the web. How do we use blend modes to add depth to our designs? How do we use vertical text for impact? How can we use clipping paths to bring in character and energy to a design? In this article, Andrew Clar

ACAndy ClarkeAndy Clarke·March 2, 2020Design & UX
Performance — Why Cloudflare Chose AMD EPYC for Gen X Servers

Why Cloudflare Chose AMD EPYC for Gen X Servers

Looking back at this week's posts on the design, specifications, and performance of Cloudflare’s Gen X servers using AMD CPUs. Every server can run every service. This architectural decision has helped us achieve higher efficiency across the Cloudflare network.

NRNitin RaoNitin Rao·March 1, 2020Performance
AI & ML — Tony Jebara: VP of Engineering and Head of Machine Learning

Tony Jebara: VP of Engineering and Head of Machine Learning

Mornings start with a wake-up call from my three young children. I get them fed, dressed and ready for school. But first, I need an espresso – that’s absolutely necessary if I’m going to get anything done! I don’t really go online until I’ve dropped off the kids around 8.15am, then I hop on the subway and head downtown, checking my email and Slack messages en route.

SESpotify Engineering·March 1, 2020AI & ML
Engineering — What the Heck is Backstage Anyway?

What the Heck is Backstage Anyway?

Yesterday, we released the open source version of , our homegrown developer portal. And we learned a thing or two via the feedback we received. So, I wanted to take this opportunity to further explain what we’re trying to do with Backstage — and more importantly, what we want to give to the greater engineering community beyond Spotify.

SESpotify Engineering·March 1, 2020Engineering
Engineering — Per Wendin: Head of Patents

Per Wendin: Head of Patents

I get up, have breakfast and am ready to leave the house by 7.30 am. Every day, I cycle the 12km to and from the office—it’s mostly on safe, car-free bike tracks, and I love having the time to clear my head and think freely. It doesn’t even matter what the weather’s like—I’ll cycle, rain or shine.

SESpotify Engineering·March 1, 2020Engineering
Engineering — Going Beyond Black History Month

Going Beyond Black History Month

Around this time of year in the United States, African-Americans are often tasked with explaining why we spend 28 (or in the case of leap year 29) days celebrating the contributions our ancestors made to this country.

FDFallon, DevinFallon, Devin·February 29, 2020Engineering