Weekly Digest 46/2021
Welcome to my Weekly Digest #46 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
Flip, Invert, and Reverse
Chuan is going to introduce 3 kinds of transformations for the SVG path commands. Specifically for h/H and v/V commands.
Introducing “Shadow Palette Generator”
In order to create lush, realistic shadows in CSS, we need to use multiple layers and colors. How do we come up with all of the parameters, though? I’ve built a tool that’ll help.
Using Position Sticky With CSS Grid
How to make position sticky work with CSS grid items
Parallax Powered by CSS Custom Properties
Good friend Kent C. Dodds has recently dropped his new website which had a lot of work go into it. I was fortunate enough that Kent reached out a while back and asked if I could come up with some “whimsy” for the site.
Some great videos I watched this week
The new responsive design
Join us as we discuss the latest updates on UI styling, DevTools, and the evolution of responsive design.
New in Chrome 96: Improvements for installed PWAs, Priority Hints, and more!
Chrome 96 is rolling out now! There are two new properties in the web app manifest. The id property allows you to specify a unique ID for your PWA, and the protocol_handlers property allows you to automatically register your PWA as a protocol handler upon installation.
Introducing the new PageSpeed Insights
Introducing the new PageSpeed Insights: a more intuitive way to measure performance & improve it using real-world and lab data.
How to Code: Rectangular Collision Detection
Rectangular collision detection is a must-know when it comes to video game development. It’s a way to tell when two objects touch, so you can call some sort of reactionary event in return, such as gaining a power-up, or ending the game.
React Location: Better than React Router?
React Router has been the best in class router for years now. But now the creator of React Query, Tanner Linsley, has developed and just released a new router for the Tanstack named React Location.
Useful GitHub repositories
yq
yq is a portable command-line YAML processor
React-Grid-Layout
A draggable and resizable grid layout with responsive breakpoints, for React.
Appsmith
Quickly build any custom business software like admin panels, internal tools, dashboards, and more with pre-built UI widgets that connect to any database, GraphQL or REST API, controlling everything with Javascript.
dribbble shots
Plus Medicine — Website Responsive Mobile
Audio Books App
Dashboard Design
Food Delivery App
Tweets
Podcasts worth listening
Syntax — Next.js 12
In this Hasty Treat, Scott and Wes talk about Next.js 12 and all of its hot new goodness and updates!
Call with Kent — Versioning and dependency management for libraries
How did you approach versioning and dependency management when you were building this reusable component library at PayPal?
Thank you for reading, talk to you next week, and stay safe! 👋
