Home/2020
Archive

Year 2020

2,138 articles published in 2020.

Engineering — Mirage JS Deep Dive: Understanding Mirage JS Models And Associations (Part 1) — Smashing Magazine

Mirage JS Deep Dive: Understanding Mirage JS Models And Associations (Part 1) — Smashing Magazine

Mirage JS borrowed some terms and concepts which are very much familiar to back-end developers, however, since the library would be used mostly by front-end teams, it’s appropriate to learn what these terms and concepts are. In this first part of the Mirage JS Deep Dive series, Kelvin Omereshone will be looking at Mirage JS models and associations. He’ll take a closer look at what they are and the

KOKelvin OmereshoneKelvin Omereshone·April 30, 2020Engineering
Engineering — Brighten Up Someone’s May (2020 Wallpapers Edition) — Smashing Magazine

Brighten Up Someone’s May (2020 Wallpapers Edition) — Smashing Magazine

As designers, we usually turn to different sources of inspiration, and, well, as a matter of fact, we’ve discovered the best one: wallpapers that are a little more distinctive than the usual crowd. In this collection, Cosima Mielke brings you wallpapers for May 2020. They come in versions with and without a calendar and can be downloaded for free. As a bonus goodie, we also added some favorites fr

CMCosima MielkeCosima Mielke·April 30, 2020Engineering
Engineering — Doubling the intern class - and making it all virtual

Doubling the intern class - and making it all virtual

We have found interns to be invaluable. Not only do they bring an electrifying new energy over the summer, but they also come with their curiosity to help solve problems, contribute to major projects, and bring refreshing perspectives to the company.

JCJudy CheongJudy Cheong·April 29, 2020Engineering
Design & UX — How To Succeed In Wireframe Design — Smashing Magazine

How To Succeed In Wireframe Design — Smashing Magazine

Today, as designers, we are lucky as never before because there are dozens of tools available for us to design wireframes and also smoothly integrate this activity in our general design process. In this article, Anton Suprunenko will take a deeper look at one of the most simple yet quite often underrated activities in web development: the design of wireframes. You’ll learn what wireframes are, why

ASAnton SuprunenkoAnton Suprunenko·April 29, 2020Design & UX
Frontend — Using Formik to Handle Forms in React

Using Formik to Handle Forms in React

There is no doubt that web forms play an integral role in our web site or applications. By default, they provide a useful set of elements and features — from

AAAdebiyi AdedotunAdebiyi Adedotun·April 28, 2020Frontend
Engineering — Development Environments at Slack

Development Environments at Slack

In this article, development environments refer to sandboxes where you can test your code changes before deploying, and should not be confused with integrated development environments (IDEs) like Eclipse or Microsoft Visual Studio. Dev environments have always been a mystery to me. Despite learning about them on my first day at Slack, and using them…

SESlack Engineering·April 28, 2020Engineering
Frontend — Implementing Dark Mode In React Apps Using styled-components — Smashing Magazine

Implementing Dark Mode In React Apps Using styled-components — Smashing Magazine

Light mode is a convention in most web and mobile apps. However, in modern development, we have seen how dark mode, which displays light text and interface elements on a dark background, is quickly becoming a user preference. In this article, Blessing Krofegha will show you how to efficiently implement dark mode in a React app on a simple web page, using the styled-components library and leveragin

BKBlessing KrofeghaBlessing Krofegha·April 28, 2020Frontend
SRE & Ops — Releasing kubectl support in Access

Releasing kubectl support in Access

Starting today, you can use Cloudflare Access and Argo Tunnel to securely manage your Kubernetes cluster with the kubectl command-line tool. SSO requirements and a zero-trust model to your Kubernetes management in under 30 minutes.

CCloudflare·April 27, 2020SRE & Ops
Engineering — Static or Not?

Static or Not?

A quick opinion piece by Kev Quirk: Why I Don’t Use A Static Site Generator. Kev uses WordPress:

CCChris Coyier·April 27, 2020Engineering
Distributed — The DynamoDB Book: An Interview With Alex DeBrie On His New Book - High Scalability -

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

You know nothing about DynamoDB. At least that’s what I realized the first time I heard Rick Houlihan give his now infamous talk at AWS re:Invent 2018 on Amazon DynamoDB Deep Dive: Advanced Design Patterns for DynamoDB. In that talk Rick revealed for the first time the inner arcana of single-table design. Minds were blown. Weaknesses were revealed. Futures were changed. As a mere novice in the way

HSHigh Scalability·April 27, 2020Distributed
Engineering — Getting Started With Nuxt — Smashing Magazine

Getting Started With Nuxt — Smashing Magazine

Developers often worry about the SEO of their SPAs (Single Page Applications) and how well they would do on Google searches (blogs, portfolio websites, product websites, and so on). Sometimes, they also worry about how complex building a server-side rendered application might be. In this tutorial, we’re going to learn how to create server-side rendered applications by using Nuxt.js, how to configu

TOTimi OmoyeniTimi Omoyeni·April 27, 2020Engineering
Performance — The Cost of Javascript Frameworks

The Cost of Javascript Frameworks

I expect this post from Tim Kadlec to be quoted in every performance conference talk for the next few years. There is a lot of data here, so please check it

CCChris Coyier·April 26, 2020Performance
Engineering — @property

@property

The @property is totally new to me, but I see it's headed to Chrome, so I suppose it's good to know about!

CCChris Coyier·April 25, 2020Engineering
Performance — Stream Firewall Events directly to your SIEM

Stream Firewall Events directly to your SIEM

As of today, customers using Cloudflare Logs can create Logpush jobs that send only Firewall Events. These events arrive much faster than our existing HTTP requests logs: they are typically delivered to your logging platform within 60 seconds of sending the response to the client.

PPatrickPatrick·April 24, 2020Performance
Frontend — How to Make a CSS-Only Carousel

How to Make a CSS-Only Carousel

Editor's Note: Chrome is prototyping a new feature for creating carousels directly in CSS, including scroll buttons and scroll markers for navigating between

RRRobin RendleRobin Rendle·April 24, 2020Frontend
Engineering — Chrome + System Fonts Snafu

Chrome + System Fonts Snafu

There was just a bug late last year where system fonts (at least on Mac, I don't know what the story was on other platforms) in Chrome appeared too thin and

CCChris Coyier·April 24, 2020Engineering
Engineering — Exploring Node.js Internals — Smashing Magazine

Exploring Node.js Internals — Smashing Magazine

Node.js is an interesting tool for web developers. With its high level of concurrency, it has become a leading candidate for people choosing tools to use in web development. In this article, we will learn about what makes up Node.js, give it a meaningful definition, understand how the internals of Node.js interact with one another, and explore the project repository for Node.js on GitHub.

AIAleem IsiakaAleem Isiaka·April 23, 2020Engineering
Frontend — The Quest for the Perfect Dark Mode

The Quest for the Perfect Dark Mode

Dark Mode has become common enough that it's a user expectation. And yet, creating the perfect dark mode with a statically-built site/app is deceptively tricky. In this in-depth tutorial, we'll see how to build the perfect, flicker-free, customizable theming solution for React/Next.js apps.

JWJosh W. Comeau·April 22, 2020Frontend
Engineering — Responsive Web And Desktop Development With Flutter — Smashing Magazine

Responsive Web And Desktop Development With Flutter — Smashing Magazine

Flutter has already made quite a splash on the mobile development scene. Now it’s taking on bigger devices as well. In this article, Carmine Zaccagnino will show you what you need to know to be ready to take on the task of developing web and desktop apps using this wonderful cross-platform framework. Flutter is a lovely framework, very easy to use, and its extreme cross-platform support only makes

CZCarmine ZaccagninoCarmine Zaccagnino·April 22, 2020Engineering
Security — Dropping hashes: an idiom used to demonstrate provenance of documents

Dropping hashes: an idiom used to demonstrate provenance of documents

There exists an idiom called “dropping a hash” which is widely understood in the security community and not widely understood elsewhere. Somewhat surprisingly, there does not appear to be a canonical explanation. I have dropped hashes before and wrote this up to explain the significance of it to non-specialists.

PMPatrick McKenziePatrick McKenzie·April 21, 2020Security
SRE & Ops — Turbine: Facebook’s service management platform for stream processing

Turbine: Facebook’s service management platform for stream processing

What the research is: A scalable service management platform for Facebook’s stream processing service. Turbine is designed to bridge the gap between the capabilities of existing general-purpose cluster management frameworks like Tupperware and Facebook’s stream processing requirements. In production for several years now, Turbine has enabled a boom in stream processing at Facebook. Turbine is

MEMeta Engineering·April 21, 2020SRE & Ops