Weekly Digest 15/2022
Tags: javascript, webdev
Published: 2022-04-17 17:17:19

Welcome to my Weekly Digest #15.

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

### Picture perfect images with the modern `<img>` element

You may not think about images as part of your web dev work, but they can affect your web app's performance more than any other part of your code.

[Picture perfect images with the modern element](https://stackoverflow.blog/2022/03/28/picture-perfect-images-with-the-modern-element/)

### CSS `:has( )` A Parent Selector Now

The `:has` pseudo-class takes a relative selector list and will then represent an element if at least one other element matches the selectors in the list.

[CSS :has( ) A Parent Selector Now · Matthias Ott - User Experience Designer](https://matthiasott.com/notes/css-has-a-parent-selector-now)

---

## Some great videos I watched this week

### Now you can have polls in GitHub Discussions

GitHub Discussions now features polls where your community can vote on popular questions and topics.

{% youtube EWckNPIhXuQ %}

by [GitHub](https://twitter.com/github)

### Thinking on ways to solve dialog

In today's GUI Challenge, [@Adam Argyle](https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA) shows how to visually enhance the dialog element while maintaining great accessible and international UX.

{% youtube GDzzIlRhEzM %}

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

---

## Useful GitHub repositories

### 90DaysOfDevOps

This repository is used to document my journey on getting a better foundational knowledge of DevOps.

{% github MichaelCade/90DaysOfDevOps %}

---

## dribbble shots

### Talent.com

![by [Aurélien Salomon](https://dribbble.com/shots/18029985-Talent-com-job-search-ux-redesign-branding)](https://cdn.dribbble.com/userupload/2591482/file/original-e48e25e2f7e350a31395fb31dec83d26.png)

by [Aurélien Salomon](https://dribbble.com/shots/18029985-Talent-com-job-search-ux-redesign-branding)

### NRC - Redesign

![by [Kawsar Ahmed](https://dribbble.com/shots/18034027-NRC-Redesign)](https://cdn.dribbble.com/users/1160700/screenshots/18034027/media/96705e88f10bdafecbf6dae76727dabb.png)

by [Kawsar Ahmed](https://dribbble.com/shots/18034027-NRC-Redesign)

### ****NFT Website Components****

![by [Mohammad Reza Farahzad](https://dribbble.com/shots/18031803-NFT-Website-Components-Light)](https://cdn.dribbble.com/userupload/2591872/file/original-a8ff6e2c0636f95d9dc6126c410a5ef6.jpg)

by [Mohammad Reza Farahzad](https://dribbble.com/shots/18031803-NFT-Website-Components-Light)

### Rechat-Web Messenger dashboard UI

![by [Hana Akhoondi](https://dribbble.com/shots/18033750-Rechat-Web-Messenger-dashboard-Ui)](https://cdn.dribbble.com/users/3635229/screenshots/18033750/media/0f321f48b2d34e27dc391d74da037b2d.png)

by [Hana Akhoondi](https://dribbble.com/shots/18033750-Rechat-Web-Messenger-dashboard-Ui)

---

## Tweets

{% twitter 1513416857386164226 %}

{% twitter 1513881371999100937 %}

{% twitter 1514300933706072068 %}

{% twitter 1514562870662635520 %}

{% twitter 1514503722688122884 %}

{% twitter 1514875999418208263 %}

---

## Picked Pens

### 3D Preloader

{% codepen https://codepen.io/jkantner/pen/jOYejeq %}

by [Jon Kantner](https://twitter.com/jonkantner)

### Pure CSS dark mode toggle

{% codepen https://codepen.io/bassetts/pen/BaJOXmR %}

by [Jason Liquorish](https://twitter.com/Bassetts)

---

## Podcasts worth listening

### Syntax – **How To Be Consistent**

In this Hasty Treat, Scott and Wes talk about their tips and tricks for being consistent if you're trying to create.

{% spotify spotify:episode:1WyMpmOKwkykF1ExNBTinB %}

---

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