Weekly Digest 31/2022
Tags: javascript, webdev, css, react
Published: 2022-08-07 16:51:53

Welcome to my Weekly Digest #31 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

### Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers

When working with CSS Grid there is an approach for creating grids without any explicit definition. We call this the implicit grid.

[Exploring CSS Grid's Implicit Grid and Auto-Placement Powers | CSS-Tricks](https://css-tricks.com/exploring-css-grids-implicit-grid-and-auto-placement-powers/)

### **CSS border animations**

Looking at several ways to animate a border in CSS

[CSS border animations](https://web.dev/css-border-animations/)

---

## Some great videos I watched this week

### New in Chrome 104: Region Capture, Media Queries, Shared Element Transitions, and more!

Chrome 104 is rolling out now! With region capture, you can now specify a crop area when using getDisplayMedia to capture the current tab. Media query syntax can be written using mathematical comparison operators. Shared Element Transitions start a new origin trial. And there's plenty more.

{% youtube GIt-g0nkt8w %}

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

### TensorFlow in 100 Seconds

TensorFlow is a tool for machine learning capable of building deep neural networks with high-level Python code. It provides developer-friendly APIs that help software engineers train, analyze, and deploy ML models.

{% youtube i8NETqtGHms %}

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

### ****What are Chrome release channels?****

Chrome has four release channels: Canary, Dev, Beta, and Stable. This video explains why, and shows how you can make the most of each channel.

{% youtube WL1guL5n9PU %}

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

### Oh, Snap! | CSS Day 2022

CSS scroll-snap is a classic CSS property; a small, innocent-looking API with huge potential. Learn the basics and value essentials of CSS scroll-snap, the ancillary properties scroll-padding, and scroll-margin, debugging with DevTools, plus a bag of snap tricks and a glimpse into supporting future properties.

{% youtube 34zcWFLCDIc %}

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

---

## Useful GitHub repositories

### GitHub City

Create a 3D city from your GitHub contributions

{% github honzaap/GithubCity %}

---

## dribbble shots

### ****Finance App****

![by [Rakib Kowshar](https://dribbble.com/shots/19017329-Finance-App)](https://cdn.dribbble.com/userupload/3245749/file/original-1c0193d96d10e32a5c3ea4fb26430f08.jpg)

by [Rakib Kowshar](https://dribbble.com/shots/19017329-Finance-App)

### Food City Dashboard

![by [Ella Moodi](https://dribbble.com/shots/19019037-Food-City-Dashboard)](https://cdn.dribbble.com/users/3991363/screenshots/19019037/media/d137a29ebb873ff2289d51476ca1e2f8.jpg)

by [Ella Moodi](https://dribbble.com/shots/19019037-Food-City-Dashboard)

### Joki - Job Finder App

![by [Rizal](https://dribbble.com/shots/19016131-Joki-Job-Finder-App)](https://cdn.dribbble.com/users/10221461/screenshots/19016131/media/367f39e2a5b2531ca7e09f9325820e81.png)

by [Rizal](https://dribbble.com/shots/19016131-Joki-Job-Finder-App)

---

## Tweets

{% twitter 1554091413272494080 %}

{% twitter 1554391584728285189 %}

{% twitter 1555387620200423425 %}

{% twitter 1555466217774882818 %}

---

## Picked Pens

### Glowing Marbles

{% codepen https://codepen.io/krautgti/pen/vYReorP %}

by [KrautGTI](https://codepen.io/krautgti)

### Footer sorrow

{% codepen https://codepen.io/ste-vg/pen/PoQgvBK %}

by [Steve Gardner](https://twitter.com/steeevg)

### Hover Glide Image Gallery

{% codepen https://codepen.io/Hyperplexed/pen/VwXXPKJ %}

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

---

## Podcasts worth listening

### The Call Kent Podcast – Using userEvent vs fireEvent

{% spotify spotify:episode:4twv7Xykm2Wh9hTLQQc2Wc %}

---

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