Weekly Digest 51/2021

Welcome to my Weekly Digest #51, which is almost the last one for 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 use Storybook with ESLint

Automatically validate stories in your code editor

The many methods for using SVG icons

Recently at work, Chen ran into a situation where we had to revisit how SVG icons were being implemented on our pages.

Some great videos I watched this week

Scroll Down to Start Playing Video

It’s gotta be fairly easy to play an HTML video when you scroll down to it, right? We kinda knew IntersectionObserver is the right API here, for performance reasons, but this use case is super well served by it and it’s quite easy to use. We also handle the prefers-reduced-motion case here.

Solve subarray problems faster

There are many algorithms that come up frequently in coding interviews, with Sliding Windows being one of the most popular.

Responsive images & art direction

Welcome back to Designing in the Browser with Developer Relations Engineer, Una Kravets. In this episode, we will learn all about responsive images and art direction, including how to optimize your art for size and layout.

Speed up inputs with useDeferredValue

React 18 RC introduces a number of concurrent features thru new hooks: useDeferredValue, startTransition, and useTransition. In this video, Chantastic explores a simple useDeferredValue example and shares some transition gotchas.

dribbble shots

Orizon Bank App

Plant Shop Mobile App

Weather & Forecast Landing

Paygo

Tweets

Picked Pens

Wavy Snowman

GSAP Christmas Loop

Time Travelling with GSAP

Podcasts worth listening

Syntax — Gitpod, iPad Coding, Web3, WTF NFT

In this episode of Syntax, Scott and Wes talk with Geoff and Pauline from Gitpod about developing on Gitpod, Web3, and The NFT Bay.

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

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store