Welcome to my Weekly Digest #10.

This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, and designs I consumed during this week.

Interesting articles to read

Boost Your Programming Skills by Reading Git's Code

In this article, we discuss the original version of Git's code to highlight how reading code can boost your coding skills. We cover the reasons to learn about Git's code and how to access it. We discuss Git's original codebase structure and how Git's core functionalities are implemented in code.

https://www.freecodecamp.org/news/boost-programming-skills-read-git-code/

Insert Cursor at Any Position at Command Line

Building a Healthy On-Call Culture

In this post, we share some of the best practices we apply when SoundCloud engineers take on out-of-hours support duties.

Building a Healthy On-Call Culture

Building a ‘Table Of Contents’ with active indicator using JavaScript Intersection Observers

The JavaScript Intersection Observer is built into all modern browsers and lets you avoid scroll listeners. In this post we re-factor a the JavaScript that creates a table of contents for a blog post and updates the current indicator depending upon whether it is in view or not.

Building a 'Table Of Contents' with active indicator using JavaScript Intersection Observers

What you risk when using Number() to parse an integer from a string in TypeScript

Using Number constructor function to parse a number from an input in TypeScript entails a couple of risks. It’s better to be aware of them.

What you risk when using Number() to parse an integer from a string in TypeScript

Some great videos I watched this week

TypeScript: Unions and Never with Conditional Types

In this lesson we look at how unions gets distributed in conditional types. We also cover how never gets removed in unions.

by Basarat Ali

Particle System Simulation - The Nature of Code

Welcome to Chapter 4 of The Nature of Code: Particle Systems! I begin by coding a simple particle system in p5.js. I convert the Mover class into a Particle class, add a lifetime property and organize a collection of particles into an array

by Daniel Shiffman

Using the axe Web Accessibility Testing Browser Plugin

I'm joined by Preety Kumar of Deque to take a look at their DevTools plugin for axe. Short story: this is an amazing plugin that helps you quickly find accessibility problems on any website, then help you fix them. There is quick automated testing as well as guided tests that help you test things that need a little bit more walkthrough, like testing the page tab order and testing modal dialogs.

by Chris Coyier

Git Internals - How Git Works - Fear Not The SHA!

by GitLab

How I Optimized My JavaScript Project (Complete Walkthrough) | Faster Spatial Hash Grids

In this project, we're doing some JavaScript optimization. We're continuing and building on that JavaScript spatial hash grid implementation, but we'll be examining it in detail with Chrome's DevTools profiler, looking for hotspots and optimization opportunities. I'll take you step by step through the process, benchmarking the code, examining the profile, and ultimately making the existing implementation dramatically faster.

by Simon

Useful GitHub repositories

System design interview

System design is a very broad topic. Even a software engineer with many years of working experience at a top IT company may not be an expert on system design. If you want to become an expert, you need to read many books, articles, and solve real large scale system design problems.

Spectral

Improve the quality of your API descriptions, Kubernetes config, GitHub Actions, or any other JSON/YAML data. Get automatic validation & linting warnings, powered by Spectral, when you use Stoplight.

npm install -g @stoplight/spectral
# OR
yarn global add @stoplight/spectral

spectral lint petstore.yaml

gatsby-source-google-docs

Gatsby plugin to use Google Docs as a data source.

yarn add

Front-end Tips

A series of super tiny, quick tips, tricks and best practices of front-end development.

The series cover different topics: CSS, HTML, JavaScript, TypeScript and Browser developer tools.

$ git clone https://github.com/phuoc-ng/frontend-tips

$ cd frontend-tips
$ npm install

$ npm run serve

---
title: ___
category: ___
date: ___
tags
  - posts
layout: layouts/post.njk
topics: ___
---
The content of post

dribbble shots

Medical App UI with Dr Vector

by Amjad

Podcast Dashboard design

by Amirbaqian

Fitness Pro: Desktop Version

by Tran Mau Tri Tam

Dating App

by Arya Wijaya Kusuma

time chat

by Garagephic Studio

Tweets

Matt Rickard

@mattrickard

Service reliability math that every engineer should know

Uptime Downtime (Yearly)
99.00000% 3d 15h 39m
99.90000% 8h 45m 56s
99.99000% 52m 35s
99.99900% 5m 15s
99.99990% 31s
99.99999% 3s

17:53 PM - 08 Mar 2021

Simon Høiberg

@simonhoiberg

TypeScript Tip 💡

Use the utility type 'Record' to make an object indexable, instead of typing it out manually.

It's more clean, and becomes handy if you want to map the properties of one type to another.

16:43 PM - 09 Mar 2021

flavio

@flaviocopes

A small effort every day goes a long way

16:53 PM - 09 Mar 2021

Álvaro Trigo 🐦🔥

@imac2

Create beautiful texts now with CSS `background-clip property` 👇

Choose a background and apply it your text.

Working on all modern browsers!

13:13 PM - 10 Mar 2021

Visualize Value

@visualizevalue

Knowing vs. understanding.

17:16 PM - 12 Mar 2021

Picked Pens

CodePen Home Random Rectangles and Circles

by Xavier Ho

Neon Flower Illusion

by Jon Kantner

Talk to you next week and stay safe! 👋