Weekly Digest 41/2021
Tags: css, javascript, react, webdev
Published: 2021-10-17 20:04:07

Welcome to my Weekly Digest #41 of this year.

This weekly digest contains a lot of interesting and inspiring articles, videos, tweets, and designs I consumed during this week.

## Interesting articles to read

### Storybook on-demand architecture

3x smaller builds & faster load times for built Storybooks

[Storybook on-demand architecture](https://storybook.js.org/blog/storybook-on-demand-architecture/)

### Smart CSS Solutions For Common UI Challenges

Writing CSS has probably never been more fun and exciting than it is today. In this post we’ll take a look at common problems and use cases we all have to face in our work and how to solve them with modern CSS.

[Smart CSS Solutions For Common UI Challenges - Smashing Magazine](https://www.smashingmagazine.com/2021/10/modern-css-solutions-for-common-problems/)

## Some great videos I watched this week

### Dart in 100 Seconds

Dart is high-productivity statically-typed programming language capable of targeting multiple platforms. It's used by Flutter to produce fast client apps with an awesome developer experience.

{% youtube NrO0CJCbYLA %}

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

### Chrome 95 - What’s New in DevTools

New CSS length authoring tools, hide issues in the Issues tab, improved the display of properties, and more.

{% youtube T_Ppg7ghrWM %}

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

### Vector Dot Product

This video covers the dot product and scalar projection with p5.js and vectors, concepts that Daniel will need for finding the distance between a point and a line which will lead to the path following steering behavior in the next video!

{% youtube DHPfoqiE4yQ %}

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

### Thinking on ways to solve multi-select

In today's GUI challenge I share my thinking on a way to enable users to multi-select. To demonstrate multi-select I've prepared a filterable grid which accepts input from both a -select multiple- and a set of -fieldset- elements. Two multi-select methods yep, each tailored for their use case.

{% youtube x0aCdLDZ8BM %}

by [Adam Argyle](https://twitter.com/argyleink)

### Using ES Modules on CodePen

`import` and `export`! They seem like such simple things, but having them in the native language of JavaScript is very powerful. CodePen tries to be helpful with them, and in conjunction with services like Skypack, there is an awful lot you can do.

{% youtube FmOGSlWpCaQ %}

by [CodePen](https://twitter.com/CodePen)

## Useful GitHub repositories

### Awesome New

A list of `.new` domains to perform online actions in one quick action.

{% github yjose/awesome-new %}

### swc-node

Fast TypeScript/JavaScript transformer without `node-gyp` and `postinstall` script.

{% github Brooooooklyn/swc-node %}

### Bootstrap Icons

Official open source SVG icon library for Bootstrap with over 1,400 icons.

{% github twbs/icons %}

## dribbble shots

### T-Ket app

![https://cdn.dribbble.com/users/2039805/screenshots/16664248/media/59536129d192b460b056c16789282004.png](https://cdn.dribbble.com/users/2039805/screenshots/16664248/media/59536129d192b460b056c16789282004.png)

by [11Daniyal](https://dribbble.com/shots/16664248-T-Ket-app-Calendar-view)

### Travel App

![https://cdn.dribbble.com/users/1684108/screenshots/16668499/media/74d5ea5d1744ac5662580f41b72cb477.jpeg](https://cdn.dribbble.com/users/1684108/screenshots/16668499/media/74d5ea5d1744ac5662580f41b72cb477.jpeg)

by [QClay](https://dribbble.com/shots/16668499-Travel-App)

### Scooter mobile app

![https://cdn.dribbble.com/users/6081502/screenshots/16668775/media/09c737d38f9f26af35d4ce0bb35c37ba.jpg](https://cdn.dribbble.com/users/6081502/screenshots/16668775/media/09c737d38f9f26af35d4ce0bb35c37ba.jpg)

by [Design Hub](https://dribbble.com/shots/16668775-Scooter-mobile-app)

## Tweets

{% twitter 1448690491898400768 %}

{% twitter 1448682856620953610 %}

{% twitter 1448954897903362053 %}

{% twitter 1449314595861004292 %}

{% twitter 1449378345007808520 %}

## Picked Pens

### one div snow - divtober

{% codepen https://codepen.io/t_afif/pen/BadjOJQ %}

by [Temani Afif](https://twitter.com/ChallengesCss)

### Single div CSS items that float

{% codepen https://codepen.io/lynnandtonic/pen/XWaXBGz %}

by [Lynn Fisher](https://twitter.com/lynnandtonic)

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