Welcome to my Weekly Digest #18 of this year.

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

Should DevTools teach the CSS cascade?

Should browser developer tools show CSS specificity and provide additional resources?

Say Hello To CSS Container Queries

Let’s learn about how CSS container queries work with lots of examples and use-cases.

All you need to know to move from CommonJS to ECMAScript Modules in Node.js

One of the most revolutionary features introduced as part of ECMAScript 2015 specification is modules (ESM). In April 2020, Node v14.0.0 landed without experimental modules warning. Even though it was still experimental, it felt like the right timing to adopt ESM for some toy projects and insignificant clients’ work. Eventually, Node v15.3.0 arrived and marked modules implementation as stable.

Super Simple Start to Remix

The simplest distraction-free version of a remix app

Some great videos I watched this week

Dogecoin Price Analysis

Dependabot version updates are now generally available

The big news is that Dependabot on GitHub is now generally available! It’s got all the Dependency updating goodness of Dependabot Preview, but with a fully integrated GitHub experience.

How a CPU Works in 100 Seconds

Learn how the central processing unit (CPU) works in your computer. Compare performance and processor architecture between the Intel and Apple Silicon M1 chips

Filters & Backdrop Filters

In this video, we take look at the new filter and backdrop-filter utilities added in Tailwind CSS v2.1.

Build a 3D World in React with ThreeJS and React Three Fiber

This video starts with me talking about the difference between React and ReactDOM. React Three Fiber uses React to keep track of 3D objects that gets rendered in a webGL canvas via three.js . The result is the ability to code 3D environments the same way you are used to code a React Web Application. We can even add physics and animation to the 3D objects in the world. In this example we place a Box on a Plane inside a Skybox of stars.

Useful GitHub repositories

Best-websites-a-programmer-should-visit

When learning CS, there are some useful sites you must know to get always informed to do your technologies even better and learn new things. Here is a non-exhaustive list of some sites you should visit.

Awesome Python

A curated list of awesome Python frameworks, libraries, software and resources.

GIT quick statistics

Git quick statistics is a simple and efficient way to access various statistics in git repository.

dribbble shots

Popovers Dark / Black / Light mode

by Jakub Antalik

Boxboard Dashboard UI Kit I

by Anton Tkachev

Air Ticket App Concept

by Conceptzilla

Small fun project

by Roma Korolev

Travel app

by Faruk Ahmed

Grocery and Food Order App Exploration

by Amelia Dita Handayani

Tweets

Picked Pens

CSS Skateboard

Pericles mi loro querido

by Judith Neumann

Podcasts worth listening

The CSS Podcast — Transforms

In this episode we enter the 3rd dimension with CSS, placing and manipulating objects in 3D space with the transform property. 2D and 3D transforms are spectacular ways to animate and create a sense of depth in a design, follow along for how it all works.

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

Full-Stack JavaScript Engineer with focus on React, Redux & Node.js and passioned about Open Source working @Mobime based in Berlin, Germany marcobiedermann.com