Weekly Digest 10/2022
Tags: javascript, webdev, css, react
Published: 2022-03-13 18:36:20

Welcome to my Weekly Digest #10 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

### How to design better APIs

15 language-agnostic, actionable tips on REST API design.

[How to design better APIs](https://r.bluethl.net/how-to-design-better-apis)

### **Horizontal Scrolling in a Centered Max-Width Container**

Applying modern CSS techniques on horizontal scroll section layouts

[Horizontal Scrolling in a Centered Max-Width Container | Ryan Mulligan](https://ryanmulligan.dev/blog/x-scrolling-centered-max-width-container/)

---

## Some great videos I watched this week

### **Chrome 99 - What’s New in DevTools**

Throttling WebSocket requests, new Reporting API pane, console styling and more.

{% youtube zFVWeOKZBHs %}

by [Google Chrome Developers](https://twitter.com/ChromiumDev)

### **CSS Grid debugging tools**

Tips on debugging CSS Grid with Chrome DevTools.

{% youtube M8SlBgul8ao %}

by [Google Chrome Developers](https://twitter.com/ChromiumDev)

### A heroic new proposal for JavaScript

Could JavaScript have its own native type system like TypeScript in the future? The team behind TS has submitted an ECMAScript TC39 proposal that seeks to add "Types as Comments" to JS.

{% youtube O9F4K804XC8 %}

by [Fireship](https://twitter.com/Fireship_dev)

### HTML5 Canvas Crash Course for Beginners

Have you decided you want to become really good with HTML, CSS, and JavaScript this year? discover creative coding and make your art come to life! In this class, we will go from drawing a simple line to complex beautiful fractal shapes.

{% youtube dQKYao-daYw %}

by [Franks laboratory](https://twitter.com/code_laboratory)

### MandelBulb 3D Fractal

It's the Mandelbulb! What happens when you take the original fractal (The Mandelbrot Set) and extend it into 3D space? And how do you visualize it in Processing (Java) as a point cloud?

{% youtube NJCiUVGiNyA %}

by [Daniel Shiffman](https://twitter.com/shiffman)

---

## Useful GitHub repositories

### CSS Checker

Show Similar & Duplicated CSS Scripts with Diff in Seconds!

{% github ruilisi/css-checker %}

### ****react-typical****

React typing animation in ~400 bytes 🐡 of JavaScript.

{% github catalinmiron/react-typical %}

### ****Files****

A modern file manager for Windows

{% github files-community/Files %}

---

## dribbble shots

### Money Management Web Application Dashboard

![by [Ofspace LLC](https://dribbble.com/shots/17710208-Money-Management-Web-Application-Dashboard)](https://cdn.dribbble.com/users/1392449/screenshots/17710208/media/0c1609df68d86d9f4f15c3f6c7a4ed75.png)

by [Ofspace LLC](https://dribbble.com/shots/17710208-Money-Management-Web-Application-Dashboard)

### Nowruz illustrations

![by [Afshin T2Y](https://dribbble.com/shots/17711295-Nowruz-illustrations-Freebie)](https://cdn.dribbble.com/userupload/2377072/file/original-06fda31c88f7c72526aac44879f0aa9f.png)

by [Afshin T2Y](https://dribbble.com/shots/17711295-Nowruz-illustrations-Freebie)

### Wallet App Design

![by [Rakib Kowshar](https://dribbble.com/shots/17709920-Wallet-App-Design)](https://cdn.dribbble.com/users/3416941/screenshots/17709920/media/21b10f2a43bed12ade3f672d8c858d8d.jpg)

by [Rakib Kowshar](https://dribbble.com/shots/17709920-Wallet-App-Design)

---

## Tweets

{% twitter 1502306936506703872 %}

{% twitter 1502046748038115342 %}

{% twitter 1501965104249655313 %}

---

## Picked Pens

### Responsive CSS PS5 Controller

{% codepen https://codepen.io/jh3y/pen/xxwOMLO %}

by [Jhey](https://twitter.com/jh3yy)

### Butterfly!

{% codepen https://codepen.io/antoniasymeonidou/pen/XWdmRYN %}

by [nanou](https://twitter.com/NanouuSymeon)

### Skateboard-Like Preloader

{% codepen https://codepen.io/jkantner/pen/abEoyeK %}

by [Jon Kantner](https://codepen.io/jkantner)

### Pure CSS Infini-Slinky

{% codepen https://codepen.io/jh3y/pen/WNXBdyZ %}

by [Jhey](https://twitter.com/jh3yy)

---

## Podcasts worth listening

### CodePen Radio – ****CJ Gammon****

Chris got to chat with [CJ Gammon](https://codepen.io/cjgammon) this week! CJ is a [creative technologist](https://www.cjgammon.com/), a term he’s tried to hang onto as he does more development work, so he can continue to communicate that he’s a designer as well.

{% spotify spotify:episode:28bz6PidXZLlByPVy0bK04 %}

### The Remix Podcast – Deploy Distributed Apps

[Divya](https://twitter.com/shortdiv) is a Software Engineer at [Fly.io](https://fly.io/) which gives you the ability to deploy your apps and databases wherever your users are in the world.

{% spotify spotify:episode:2sGGpmn7YRnugZ8UuENXcy %}

### Syntax – **Sticker Mogul**

In this Hasty Treat, Scott and Wes talk about Wes' experience designing, printing, and shipping out his sticker packs.

{% spotify spotify:episode:4U90R785vrrdI34pAvW1U8 %}

---

Thank you for reading, talk to you next week, and stay safe! 👋