Welcome to my Weekly Digest #22.

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

Interesting articles to read

Don’t Sink Your Website With Third Parties

In this article, Ken Harker explains what third-party resource requests really are and which common optimization strategies can help reduce the impact on the user experience.

Don't Sink Your Website With Third Parties - Smashing Magazine

Event-Driven Architecture. Part 1: Pros and cons with examples

In this multipart series, we will go step by step in creating a simple event-driven system. In Part 1 we compare this approach with a classic point-to-point communication and look at the advantages and disadvantages of both.

Event-Driven Architecture. Part 1: Pros and cons with examples

Some great videos I watched this week

Chrome 102 - What’s New in DevTools

New Performance insights panel, shortcuts to emulate light/dark themes, and more.

by Google Chrome Developers

Functional programming with 'compose’

by Matt Pocock

Using extends to constrain generics

by Matt Pocock

When To Fetch: Remixing React Router

We've learned that fetching in components is the quickest way to the worst UX. But it's not just the UX that suffers, the developer experience of fetching in components creates a lot of incidental complexity too

by Ryan Florence

Useful GitHub repositories

AutoAnimate

A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.

formkit / auto-animate

A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.

Add motion to your apps with a single line of code.

AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with Vue, React, or any other JavaScript application.

With one line of code, you can improve your interfaces, for example:

Installation

Install using your package manager of choice.

#yarn
yarn add @formkit/auto-animate
#npm
npm install @formkit/auto-animate
#pnpm
pnpm add @formkit/auto-animate

Boom! Done. That was fast! 🐇

Usage

📖 View the documentation site for usage instructions.

Examples

📖 View the documentation site for examples.

Plugins

📖 View the documentation site for plugin instructions.

Support us

Is AutoAnimate saving you time?

Please consider supporting us with a recurring or one-time donation! 🙏

Contributing

Thank you for your willingness to contribute to this free and open source project! When contributing, consider first discussing your desired change…

View on GitHub

Videogrep

Videogrep is a command-line tool that searches through dialog in video files and makes supercuts based on what it finds.

pip install videogrep

brew install ffmpeg

pip install vosk

dribbble shots

Simple Food Delivery App Concept

by Giorgi

Travel App

by App Ninja

Restaurant Waiter App

by Alexandr V

Tweets

GitHub

@github

GitHub is free for teams of any size working on private as well as open source projects. What cool things you are building? github.blog/2020-04-14-git…

15:08 PM - 28 May 2022

Alex Xu

@alexxubyte

Linux file permission illustrated.

To understand Linux file permissions, we need to understand Ownership and Permission.

15:50 PM - 01 Jun 2022

Khuyen Tran

@khuyentran16

If you want to quickly extract a table on a website and turn it into a Pandas DataFrame, use pd.read_html. In the code below, I extracted the table from a Wikipedia page in one line of code.

#Python

13:56 PM - 02 Jun 2022

Picked Pens

Pure CSS/SVG Tic Tac Toe

by Jhey

Pure CSS Animated Image Zoom

by Jhey

Podcasts worth listening

Syntax – Cache Control Headers Explained

In this Hasty Treat, Scott and Wes answer a question about caching, cache control headers, an explanation of the fields for caching.

Smashing Podcast – Why does accessibility matter?

We ask why accessibility really matters, and why is it so important to get it right? Smashing’s Vitaly Friedman talks in depth to Sara Soueidan to find out.

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