Weekly Digest 35/2021
Tags: css, javascript, react, webdev
Published: 2021-09-05 18:17:03

Welcome to my Weekly Digest #35 which is the first one for September.

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

### Vector? Raster? Why not both!

This week I ran into an interesting class of problems that—in hindsight—could use a much better workflow. Does it exist?

[Vector? Raster? Why Not Both!-zachleat.com](https://www.zachleat.com/web/vector-raster-split/)

### Reducing Carbon Emissions On The Web

Websites, unfortunately, aren’t as environmentally friendly as we might like them to be. This article contains some thoughts and experiences from trying to clean them up.

[Reducing Carbon Emissions On The Web - Smashing Magazine](https://smashingmagazine.com/2021/09/reducing-carbon-emissions-on-web/)

---

## Some great videos I watched this week

### Functional Programming with JavaScript

Functional Programming is becoming increasingly popular and relevant with each year that goes by. With so much discussion around languages such as F#, Haskell, and Erlang, it can seem as though getting started with Functional programming would mean first learning a whole new syntax...but what if it didn't?

{% youtube BJG-c65XkEU %}

by [Simon Painter](https://twitter.com/madsimonj)

### New in Chrome 93

Chrome 93 is rolling out now! You can now load CSS style sheets with import statements, just like JavaScript modules. Installed PWAs can register as URL handlers, making it possible for users to jump straight into your PWA. The Multi-Screen Window Placement API has been updated based on your feedback and starts a second origin trial.

{% youtube R5RUVO_g2NI %}

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

### The Beauty of Bézier Curves

Bézier curves - how do they do?
They're used for animation, text rendering, and all sorts of curved shapes! But how do they actually work? well, like, that's what the video is about, so, watch it to find out, etc!

{% youtube aVwxzDHniEw %}

by [Freya Holmér](https://twitter.com/FreyaHolmer)

### PostCSS in 100 Seconds

PostCSS is a tool that allows you to use modern CSS features like nesting and mixins, while supporting legacy browsers. Learn why this simple JavaScript library is one of the most popular tools in the web development industry.

{% youtube WhCXiEwdU1A %}

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

### VS Code 1.60 Release Party

Live event and Q&A with the VS Code team to discuss highlights from the August 2021, 1.60 release.

{% youtube xPSJL4LqDtA %}

by [Visual Studio Code](https://twitter.com/code)

---

## Useful GitHub repositories

### React Native Bottom Sheet

A performant interactive bottom sheet with fully configurable options

{% github gorhom/react-native-bottom-sheet %}

### 30 Seconds of Interviews

A curated collection of common interview questions to help you prepare for your next interview.

{% github 30-seconds/30-seconds-of-interviews %}

### git-split-diffs

GitHub style split diffs with syntax highlighting in your terminal.

{% github banga/git-split-diffs %}

### Open color

Open color is an open-source color scheme optimized for UI like font, background, border, etc.

{% github yeun/open-color %}

---

## dribbble shots

### Social Media App Design

![https://cdn.dribbble.com/users/7514969/screenshots/16138671/media/aa6d22bf3f12a7dc452f86ec114d279f.png](https://cdn.dribbble.com/users/7514969/screenshots/16138671/media/aa6d22bf3f12a7dc452f86ec114d279f.png)

by [Julius Branding](https://dribbble.com/shots/16138671-Social-Media-App-Design)

### Book Store App

![https://cdn.dribbble.com/users/4179218/screenshots/16382297/media/747e5a1abd574815a0ae88aba857df52.png](https://cdn.dribbble.com/users/4179218/screenshots/16382297/media/747e5a1abd574815a0ae88aba857df52.png)

by [Achmad Qomarudin](https://dribbble.com/shots/16382297-Book-Store-App)

### Cryptocurrency Wallet App

![https://cdn.dribbble.com/users/2125046/screenshots/16383414/media/42a94977474c30d2dfe7d8d3cfbd6a77.jpg](https://cdn.dribbble.com/users/2125046/screenshots/16383414/media/42a94977474c30d2dfe7d8d3cfbd6a77.jpg)

by [Ofspace Digital Agency](https://dribbble.com/shots/16383414-Cryptocurrency-Wallet-App)

---

## Tweets

{% twitter 1432695416961654789 %}

{% twitter 1433116022911995905 %}

{% twitter 1433474851491123204 %}

{% twitter 1433828902661726230 %}

---

## Picked Pens

### Emoji Search

{% codepen https://codepen.io/marcobiedermann/pen/ZEypBGQ %}

by [Marco Biedermann](https://twitter.com/BiedermannMarco)

### 13.8 billion years ago

{% codepen https://codepen.io/Mamboleoo/pen/MWoexGB %}

by [Louis Hoebregts](https://twitter.com/Mamboleoo)

## Podcasts worth listening

### Syntax – Freelance Tips - Toxic Clients

In this Hasty Treat, Scott and Wes talk about toxic clients — how to identify them, and what to do about them.

{% spotify spotify:episode:7i2ODqJmfh1tItHr6KekFs %}

### Ladybug – Diving Deep On Databases

If you have data for your application, you’ve probably used a database to store it. There are so many types of databases, NoSQL, SQL, graph, etc. Let's learn about their benefits and how to use them!

{% spotify spotify:episode:3UB5sgLkkiYTwZrYUPMH6F %}

### Syntax – Coding Interview Questions

In this episode of Syntax, Scott and Wes are back with another edition of Stump'd! where they try to stump each other with interview questions.

{% spotify spotify:episode:6bO5D1jjC5OQxDmnv1Z1RD %}

---

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