Weekly Digest 18/2021 – Top of the Week

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.

 

? Giveaway

We are giving away any course you ne…

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.

 



? 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



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

Or

git quick-stats

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

 

Make sure to subscribe to our newsletter ? to receive our weekly recap directly on your email and react to this post to automatically participate in our giveaway ?

If you would like to join our discussions, you can find us on Discord ?.

 


Print Share Comment Cite Upload Translate
APA
Marco Biedermann | Sciencx (2024-03-29T13:15:30+00:00) » Weekly Digest 18/2021 – Top of the Week. Retrieved from https://www.scien.cx/2021/05/09/weekly-digest-18-2021-top-of-the-week/.
MLA
" » Weekly Digest 18/2021 – Top of the Week." Marco Biedermann | Sciencx - Sunday May 9, 2021, https://www.scien.cx/2021/05/09/weekly-digest-18-2021-top-of-the-week/
HARVARD
Marco Biedermann | Sciencx Sunday May 9, 2021 » Weekly Digest 18/2021 – Top of the Week., viewed 2024-03-29T13:15:30+00:00,<https://www.scien.cx/2021/05/09/weekly-digest-18-2021-top-of-the-week/>
VANCOUVER
Marco Biedermann | Sciencx - » Weekly Digest 18/2021 – Top of the Week. [Internet]. [Accessed 2024-03-29T13:15:30+00:00]. Available from: https://www.scien.cx/2021/05/09/weekly-digest-18-2021-top-of-the-week/
CHICAGO
" » Weekly Digest 18/2021 – Top of the Week." Marco Biedermann | Sciencx - Accessed 2024-03-29T13:15:30+00:00. https://www.scien.cx/2021/05/09/weekly-digest-18-2021-top-of-the-week/
IEEE
" » Weekly Digest 18/2021 – Top of the Week." Marco Biedermann | Sciencx [Online]. Available: https://www.scien.cx/2021/05/09/weekly-digest-18-2021-top-of-the-week/. [Accessed: 2024-03-29T13:15:30+00:00]
rf:citation
» Weekly Digest 18/2021 – Top of the Week | Marco Biedermann | Sciencx | https://www.scien.cx/2021/05/09/weekly-digest-18-2021-top-of-the-week/ | 2024-03-29T13:15:30+00:00
https://github.com/addpipe/simple-recorderjs-demo