Weekly Digest 28/222
Tags: javascript, webdev, react, css
Published: 2022-07-17 17:32:06

Welcome to my Weekly Digest #28

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

### Holograms, light-leaks, and how to build CSS-only shaders.

Get a shiny WebGL look without actually using WebGL. In this article we take a look at how CSS blend modes unleash the potential of cool compositing effects without the need for JavaScript

[Holograms, light-leaks and how to build CSS-only shaders - Robb Owen](https://robbowen.digital/wrote-about/css-blend-mode-shaders/)

### Avoiding `<img>` layout shifts: `aspect-ratio` vs `width` & `height` attributes

By default, an `<img>` takes up zero space until the browser loads enough of the image to know its dimensions

[Avoiding img layout shifts: aspect-ratio vs width & height attributes](https://jakearchibald.com/2022/img-aspect-ratio/)

### A Previous Sibling Selector

[A Previous Sibling Selector](https://blog.jim-nielsen.com/2022/previous-sibling-selector/)

---

## Some great videos I watched this week

### Demystifyingish SVG paths

Cassie Evans chats to Jake about SVG paths, and what that mess of letters and numbers actually means.

{% youtube 9qen5CKjUe8 %}

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

### Cassandra in 100 Seconds

Apache Cassandra is a wide-column store NoSQL database designed to scale globally with extreme speed and reliability. Try it out for free with the serverless AstraDB

{% youtube ziq7FUKpCS8 %}

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

### How to emulate CSS user preference media features

You can use DevTools to emulate user preferences like device orientation, light/dark themes, color contrast, reduced motion and more. DevTools is your best friend in building user adaptive interfaces.

{% youtube gOkM1L6azEI %}

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

### gzip file compression in 100 Seconds

Gzip is a file compression tool and popular Linux utility used to make files smaller. Learn how file compression works in 100 seconds.

{% youtube NLtt4S9ErIA %}

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

---

## Useful GitHub repositories

### jqq

jq Querier: an interactive wrapper around jq

{% github jcsalterego/jqq %}

### React Hook Form Devtools

Chrome extension devtools to help debug forms.

{% github react-hook-form/devtools-extension %}

---

## dribbble shots

### Outcloud - Cloud Storage Dashboard

![by [Amirhosein Panahi](https://dribbble.com/shots/18789153-Outcloud-Cloud-Storage-Dashboard)](https://cdn.dribbble.com/users/3613044/screenshots/18789153/media/76602d2150d87a12c4967021232057fd.png)

by [Amirhosein Panahi](https://dribbble.com/shots/18789153-Outcloud-Cloud-Storage-Dashboard)

### Travel App Design

![by [Hasnur Alam Ujjol](https://dribbble.com/shots/18798028-Travel-App-Design)](https://cdn.dribbble.com/userupload/3133429/file/original-9d8e51cb59ee2fc3c9afb080824b6557.png)

by [Hasnur Alam Ujjol](https://dribbble.com/shots/18798028-Travel-App-Design)

### Music Streaming Web App

![by [11Daniyal](https://dribbble.com/shots/18790572-Music-Streaming-Web-App)](https://cdn.dribbble.com/userupload/3132019/file/original-819257d3af5f66b33d33de1d720a83a3.png)

by [11Daniyal](https://dribbble.com/shots/18790572-Music-Streaming-Web-App)

---

## Tweets

{% twitter 1546948817462800384 %}

{% twitter 1547877295813120000 %}

---

## Picked Pens

### This site "has" a Dark Side

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

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

### Pure CSS Desk Fan

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

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

---

## Podcasts worth listening

### MobiTech – Graph Theory - from maths to MaaS

This episode of our MobiTech podcast is all about graph theory. The hosts Sarah, and Mahmoud, talk to their colleagues and Björn and Daniel, about how we understand graph theory and how graphs and algorithms like Dijkstra's algorithm can be applied to plan users' routes from A to B. Sounds interesting?

{% spotify spotify:episode:7tj9OYclCTlFFx9tsRdSyw %}

### Syntax – **70,000 Serverless Functions with Kristi Perreault of Liberty Mutual**

In this supper club episode of Syntax, Wes and Scott talk with Kristi Perreault of Liberty Mutual about why they're using serverless functions, what languages they write in, managing security and montoring, and Kristi's journey into tech as a career.

{% spotify spotify:episode:29uGBps2Y8NU1FiUpUooFj %}

### Call with Kent – Thinking process when reviewing code

Code review is an important practice and increases code quality as well as develops your dev team. What's your thinking process when starting to review a new pull request?

{% spotify spotify:episode:3nW2qG3R8NGZ2bAwIoKPjj %}

---

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