Welcome to my Weekly Digest #28.

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

🎉 Giveaway

We are giving away any course you need on Udemy. Any price any course.
To enter you have to do the following:

1. 👍 React to this post
2. ✉️ Subscribe to our newsletter

You will receive our articles directly to your inbox 📬.

Interesting articles to read

Meta Theme Color and Trickery

Starting with Version 15, Safari supports the theme-color <meta> tag both on macOS and iOS.

Meta Theme Color and Trickery

Some great videos I watched this week

21+ Browser Dev Tools & Tips You Need To Know

The web browser is one of the most sophisticated tools on the planet. Today we look at 21 tricks, tips, and lesser-known features in Chrome Dev Tools that will make your life easier as a web developer.

by Fireship

Arrive Steering Behavior

It's finally time for me to tackle a JavaScript (p5.js) implementation of the "arrival" steering behavior from Craig Reynolds' 1999 paper Steering Behaviors For Autonomous Characters!

by Daniel Shiffman

MongoDB in 100 Seconds

MongoDB is the world’s most popular document database with powerful capabilities like full-text search, geospatial queries, data aggregation, and more.

by Fireship

Astro in 100 Seconds

Astro is an open-source tool that can build static HTML websites using popular frontend JavaScript frameworks (React, Vue, Svelte), while loading fully interactive components as needed.

by Fireship

Chrome 92 - What’s New in DevTools

by Google Chrome Developers

Useful GitHub repositories

PhoneInfoga

Information gathering & OSINT framework for phone numbers

sundowndev / phoneinfoga

Information gathering & OSINT framework for phone numbers

Advanced information gathering & OSINT framework for phone numbers

Documentation • API documentation • Demo instance • Related blog post

About

PhoneInfoga is one of the most advanced tools to scan international phone numbers using only free resources. It allows you to first gather standard information such as country, area, carrier and line type on any international phone number. Then search for footprints on search engines to try to find the VoIP provider or identify the owner.

Unofficial video tutorials

Current status

This project is stable and production-ready. Roadmap is here.

About demo instance: This is a test service. Kittens will die if you abuse it. Numverify scan is pointless because my server's IP got blocked due to spam.

Since v2 was released on March 2020, this project has been rewritten in Go language (previously Python). Why ? To improve code base, maintainability, have a stronger test…

View on GitHub

PlantUML

Generate UML diagram from textual description

web-vitals

Essential metrics for a healthy site.

dribbble shots

Finance Mobile App Design

by Ghulam Rasool

Task Manager - Mobile Design

by Julius Branding

Nipo Shop Kit

by Afshin T2Y

Tipping App Concept

by Conceptzilla

Food Recipe Application

by Izmahsa

Tweets

George Moller

@_georgemoller

React Patterns: Compound Component

🧵👇

18:33 PM - 13 Jul 2021

Dan

@dan_abramov

Why React Needs Keys, a short visual explanation.

Each render is like a frame in a movie. React doesn’t know *what* you did with your data. It only sees the JSX from the previous render and then from the next render.

circles.map(c => <Circle color={c.color} />)

11:56 AM - 14 Jul 2021

Andreas Storm

@avstorm

Microsoft's new Emoji system

medium.com/microsoft-desi…

14:35 PM - 15 Jul 2021

Freya Holmér

@freyaholmer

the [line] x [rectangle] intersection test can be reduced to a [line] x [line segment] test, by placing a line segment in the rectangle's diagonal based on the line direction

which is pretty neat if you ask me~

11:14 AM - 15 Jul 2021

Kitze

@thekitze

Redux flow explained visually. Looks so pretty.
cc @dan_abramov
© @vyacheslav_de

11:23 AM - 04 May 2016

Jed Bridges

@jedbridges

Gestural typographic interpolation is going to get me to finally buy an iPad

instagram.com/reel/CRZRIrPiK…

18:22 PM - 17 Jul 2021

Picked Pens

Vortex Lines

by Steve Gardner

Generative Hearts

by Lea Rosema

Podcasts worth listening

The CSS Podcast – inherit, initial, unset, and revert

This episode is about the very available CSS values inherit, initial, unset, and revert. We'll help explain what they are, what they do, and when to use them.

Syntax – React 18 - A Look Ahead

In this episode of Syntax, Scott and Wes talk about everything coming in React 18!

Thank you for reading, talk to you next week, and stay safe! 👋