Welcome to my Weekly Digest #16 which is the last one in April.

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

Node.js 18 Introduces Prefix-Only Core Modules

Node.js 18 is introducing a new type of core module that can't be imported like all of the other core modules. These new modules are called prefix-only core modules, and you need to understand how they work.

Node.js 18 Introduces Prefix-Only Core Modules

SVG passthrough precision

If an SVG is imported into a design tool, then immediately exported as another SVG, how much precision is kept? What’s added, removed, or altered?

SVG passthrough precision

Some great videos I watched this week

Redux in 100 Seconds

Redux is a popular state management pattern for large-scale web applications. Learn the basics of the Redux with React

by Fireship

Chrome 101 - What’s New in DevTools

Import and export user flow as JSON, support hwb() colors, view cascade layers in the Styles pane, and more.

by Google Chrome Developers

Generate Dynamic Images with node-canvas

Creating dynamic images unlocks a whole world of powerful workflows. In this episode, Ulf Schwekendiek will teach us how to use node-canvas to create our own custom, dynamically generated images.

by Jason Lengstorf

Useful GitHub repositories

react-intersection-observer

React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

yarn add react-intersection-observer

npm install react-intersection-observer --save

// Use object destructing, so you don't need to remember the exact order
const { ref, inView,

JSON Visio

Visualize your JSON data onto graphs seamlessly.

AykutSarac / jsonvisio.com

🧩 Visualize your JSON data onto graphs seamlessly.

Simple json visualization tool for your data.

Support JSON Visio

JSON Visio (jsonvisio.com)

JSON Visio is data visualization tool for your json data which seamlessly illustrates your data on graphs without having to restructure anything, paste directly or import file.

JSON Visio - Directly onto graphs

⚡️ Features

• Advanced Error Message
• Search Nodes
• Save JSON locally
• Multiple layout direction support
• Compressed view
• Representative colors for arrays & keys
• Friendly UI
• Light/Dark Mode

🧩 Preview

🛠 Development Setup

  npm install
  npm run dev

License

This project is open source and available under the MIT License.

View on GitHub

Alfred Password Workflow

An Alfred 4 workflow that allows you to quickly generate strong passwords.

dribbble shots

Séjour app

by Taras Migulko

Online learning (LMS) Dashboard

by Reza Moradi

Surfing App

by Imran Molla

Troovē - Travel Mobile App

by Ihya Fathurr

Tweets

Bram.us

@bramusblog

The Future of CSS: CSS Toggles

🔗 bram.us/2022/04/20/the…

🏷 #css #link #toggles

23:08 PM - 19 Apr 2022

Chris Coyier

@chriscoyier

I like this little touch of `transform: scale()`ing down the main content area once you've scrolled to the bottom to emphasize the footer area.

01:38 AM - 21 Apr 2022

Pawel Grzybek

@pawelgrzybek

The CSS :where() and :is() pseudo-classes can simplify lengthy selectors, but not only that. They also differ in specificity, but the forgiving selector list used as an argument is by far my favourite feature about them.

drafts.csswg.org/selectors-4/#f…

#css

06:45 AM - 21 Apr 2022

David Allin Reese

@davallree

Google Symbols are here, and they're beautiful.

some amazing work by @googlefonts that i can't wait to use for some @materialdesign projects

18:17 PM - 21 Apr 2022

Picked Pens

point and click penguin

by Masahito Leo Takeuchi

Pure CSS - Lava Lamp

by maxi83c

Podcasts worth listening

CodePen Radio – *Varun Vachhar*

Chris got to talk to Varun! Varun is an incredible artist and would have been interesting to talk with him about literally anything

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