Weekly Digest 13/2022
Welcome to my Weekly Digest #13 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
Designing A Better Infinite Scroll
In this series of articles, we highlight design patterns and techniques to design better interfaces. You can find more examples in “Smart Interface Design Patterns”, a 6h-video course with 100s of hand-picked examples, curated by Vitaly.
Designing A Better Infinite Scroll - Smashing Magazine
Quick summary ↬ In this series of articles, we highlight design patterns and techniques to design better interfaces…
Make the TypeScript interface partially optional/required
Pawel came across a situation when he had to make a single key of the TypeScript interface optional.
Some great videos I watched this week
Finishing off Chapter 2 on forces, let’s look at an “N-Body Simulation” where all movers experience the gravitational attraction with all other movers!
Cypress in 100 Seconds
New in Chrome 100: User-Agent string updates, Multi-screen window placement API, and more!
Chrome 100 is rolling out now with a three-digit version number. There are some important changes to the user agent string. The Multi-Screen Window Placement API makes it possible to enumerate the displays connected to a user’s machine and place windows on specific screens.
React 18 — What’s New, What Changed & Upgrade Guide
React 18 was released and since it’s a new major version, the big question is: What changed? Indeed, React 18 lays a solid foundation for great future updates and introduces one very important new concept: Concurrency.
Useful GitHub repositories
The SheetJS Community Edition offers battle-tested open-source solutions for extracting useful data from almost any complex spreadsheet and generating new spreadsheets that will work with legacy and modern software alike.
GitHub - SheetJS/sheetjs: SheetJS Community Edition -- Spreadsheet Data Toolkit
green_book: SheetJS Community Edition -- Spreadsheet Data Toolkit - GitHub - SheetJS/sheetjs: SheetJS Community Edition…
Make the case correct, please!
GitHub - antfu/case-police: 🚨 Make the case correct, PLEASE!
Make the case correct, PLEASE! Make sure you have committed all unsaved works, and then It will scan all your source…
A high-quality & reliable React Hooks library.
Google Nearme | Design Case Study
Cards & Widgets
CSS Dots wave
Podcasts worth listening
CodePen Radio — Forks in a New Tab
If you Command (mac) or Control (PC) click the Fork button, it will open the newly forked Pen in a new tab in your browser. That’s a new behavior.
Syntax — Syntax Highlight
In this episode of Syntax, Wes and Scott review your websites that you submitted including bald.design, Anh Hoang Nguyen, bradleyshellnut.com, and more.
Thank you for reading, talk to you next week, and stay safe! 👋