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

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

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.

by Google Chrome Developers

CSS Grid debugging tools

Tips on debugging CSS Grid with Chrome DevTools.

by Google Chrome Developers

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.

by Fireship

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.

by Franks 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?

by Daniel Shiffman

Useful GitHub repositories

CSS Checker

Show Similar & Duplicated CSS Scripts with Diff in Seconds!

go install github.com/ruilisi/css-checker@latest

npm install -g css-checker-kit

css-checker

*react-typical*

React typing animation in ~400 bytes 🐡 of JavaScript.

npm install --save react-typical

import React, { Component } from 'react'
import Typical from 'react-typical'

class Example extends React.Component {
  render () {
    return (
      <Typical
        steps={['Hello', 1000, 'Hello world!', 500]}
        loop={Infinity}
        wrapper="p"
      />
    )
  }
}

*Files*

A modern file manager for Windows

git clone https://github.com/files-community/Files

dribbble shots

Money Management Web Application Dashboard

by Ofspace LLC

Nowruz illustrations

by Afshin T2Y

Wallet App Design

by Rakib Kowshar

Tweets

Cassie Evans

@cassiecodes

This lil animation project was 100% my jam.

excitable thread explaining why...

1) It has intent.

A lot of people ask me about animation's 'place' on corporate sites. This is such a great example. It's not just aesthetic, it helps to explain the product quickly and with humor. twitter.com/geteslint/stat…

15:34 PM - 11 Mar 2022

ESLint @geteslint

🔥 Our new homepage animation on our new site is live: https://t.co/NWokqJ1ZCO ❤️ Designed by @haydenbleasel and implemented by @cassiecodes.

David Wells

@davidwells

I've recreated the full @github REST client in just 34 lines of code...

Javascript proxies are WILD.

gist.github.com/DavidWells/935…

22:20 PM - 10 Mar 2022

Steve Sewell

@steve8708

Performance tip: try the `decoding` attribute for images to allow decoding to be async and not block the main thread, allowing your content to display faster

16:56 PM - 10 Mar 2022

Picked Pens

Responsive CSS PS5 Controller

by Jhey

Butterfly!

by nanou

Skateboard-Like Preloader

by Jon Kantner

Pure CSS Infini-Slinky

by Jhey

Podcasts worth listening

CodePen Radio – *CJ Gammon*

Chris got to chat with CJ Gammon this week! CJ is a creative technologist, 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.

The Remix Podcast – Deploy Distributed Apps

Divya is a Software Engineer at Fly.io which gives you the ability to deploy your apps and databases wherever your users are in the world.

Syntax – Sticker Mogul

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

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