DEV Community

Cover image for Weekly Digest 18/2021
Marco Biedermann
Marco Biedermann

Posted on • Edited on

Weekly Digest 18/2021

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?

Should DevTools teach the CSS cascade?

Say Hello To CSS Container Queries

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

Say Hello To CSS Container Queries - Ahmad Shadeed

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.

All you need to know to move from CommonJS to ECMAScript Modules (ESM) in Node.js | pawelgrzybek.com

Super Simple Start to Remix

The simplest distraction-free version of a remix app

Super Simple Start to Remix


Some great videos I watched this week

Dogecoin Price Analysis

by Computer Science

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.

by GitHub

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

by Fireship

Filters & Backdrop Filters

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

by Tailwind Labs

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.

by Daniel Bark


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.

GitHub logo sdmg15 / Best-websites-a-programmer-should-visit

🔗 Some useful websites for programmers.


awesome

Build Status

Best-websites-a-programmer-should-visit

Some useful websites for programmers.

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. This list will get updated as soon as I can get another link, but you can also contribute by adding those you know 😉

Note : Chinese Version

Index

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.

GitHub logo arzzen / git-quick-stats

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

GIT quick statistics Backers on Open Collective Sponsors on Open Collective Tweet Travis Homebrew package Linuxbrew package

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

Any git repository may contain tons of information about commits, contributors, and files. Extracting this information is not always trivial, mostly because there are a gadzillion options to a gadzillion git commands – I don’t think there is a single person alive who knows them all. Probably not even Linus Torvalds himself :).

mainMenuScreenshot

Table of Contents

Screenshots

Usage

Installation

System requirements

FAQ

Contribution

Tests

Licensing

Contributors

Screenshots

commitsByWeekdayScreenshot

commitsByHourScreenshot

Usage

Interactive

git-quick-stats has a built-in interactive menu that can be executed as such:

git-quick-stats
Enter fullscreen mode Exit fullscreen mode

Or

git quick-stats
Enter fullscreen mode Exit fullscreen mode

Non-interactive

For those who prefer to…


dribbble shots

Popovers Dark / Black / Light mode

https://cdn.dribbble.com/users/149817/screenshots/15606068/comp_1_1.png

by Jakub Antalik

Boxboard Dashboard UI Kit I

https://cdn.dribbble.com/users/1145170/screenshots/15611120/dribbble_interaction_1.png

by Anton Tkachev

Air Ticket App Concept

https://cdn.dribbble.com/users/1963775/screenshots/15615286/media/88525345400edb4724d94109b1f3a576.png

by Conceptzilla

Small fun project

https://cdn.dribbble.com/users/182238/screenshots/15616181/media/98eae2cd5d02c072634337bbbd6e1bcb.jpg

by Roma Korolev

Travel app

https://cdn.dribbble.com/users/6027442/screenshots/15613705/media/681541ccbb570077d3bbbf2c8db138bf.jpg

by Faruk Ahmed

Grocery and Food Order App Exploration

https://cdn.dribbble.com/users/7252479/screenshots/15613036/media/57ae09295fa51165d23835b0847378aa.png

by Amelia Dita Handayani


Tweets


Picked Pens

CSS Skateboard

by Deren

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! 👋

Top comments (0)