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?
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
Boxboard Dashboard UI Kit I
Air Ticket App Concept
Small fun project
Travel app
Grocery and Food Order App Exploration
Tweets
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! 👋
