Weekly Digest 31/2021
Tags: css, javascript, react, webdev
Published: 2021-08-08 17:51:59

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

### On the <dl>

The semantics you didn't know you needed.

[On the ‹dl›](https://benmyers.dev/blog/on-the-dl/)

### Writing great alt text: Emotion matters

Jake recently got stuck trying to figure out the right alt text for a particular image…

[Writing great alt text: Emotion matters](https://jakearchibald.com/2021/great-alt-text/)

### You probably shouldn't ignore react-hooks/exhaustive-deps linting warnings

It's tempting to ignore these warnings, but I highly recommend against it.

[You probably shouldn't ignore react-hooks/exhaustive-deps linting warnings](https://typeofnan.dev/you-probably-shouldnt-ignore-react-hooks-exhaustive-deps-warnings/)

---

## Some great videos I watched this week

### You can't console.log in React

Apparently, if you pass the console.log function to some event handler or other kind of prop in React it won't work. I mean it won't log anything.

{% youtube oQlwcDkcYe0 %}

by [Maksim Ivanov](https://twitter.com/ivanov_dev)

### The Decline of Firebase (bundle sizes)

The latest Firebase JavaScript SDK (version 9.0) has been rewritten as a functional library resulting in far smaller bundle sizes for better web performance.

{% youtube zd6ffqoK_EU %}

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

### A Netflix Clone with DataStax Astra & Netlify

Chris paired up with David Jones-Gilardi of DataStax to go through one of the workshops they have put together that does a good job of showcasing how nicely DataStax Astra pairs up with the Jamstack approach.

{% youtube sPnBN-RhzQQ %}

by [Chris Coyier](https://twitter.com/chriscoyier)

---

## Useful GitHub repositories

### Node.js Integration Tests Best Practices

Master the art of the most powerful testing technique for Node.js.

{% github testjavascript/nodejs-integration-tests-best-practices %}

### Awesome CTF

A curated list of Capture The Flag (CTF) frameworks, libraries, resources, software, and tutorials.

{% github apsdehal/awesome-ctf %}

### HTML to Image

Generates an image from a DOM node using HTML5 canvas and SVG.

{% github bubkoo/html-to-image %}

---

## dribbble shots

### Blog Photo

![https://cdn.dribbble.com/users/472201/screenshots/15993980/media/b30b0cd6a97b703a2a5d722223a036be.jpg](https://cdn.dribbble.com/users/472201/screenshots/15993980/media/b30b0cd6a97b703a2a5d722223a036be.jpg)

by [Tomasz Mazurczak](https://dribbble.com/shots/15993980-Blog-Photo-Website-concept)

### Medicine Reminder App

![https://cdn.dribbble.com/users/8279166/screenshots/15909745/media/fe367af31c8513119c1786e65e7ed5f6.jpg](https://cdn.dribbble.com/users/8279166/screenshots/15909745/media/fe367af31c8513119c1786e65e7ed5f6.jpg)

by [Farrel Paperpillar](https://dribbble.com/shots/15909745-Medicine-Reminder-App)

### Music App

![https://cdn.dribbble.com/users/7514969/screenshots/16199568/media/7c669ffd94af5fc808d81689c305eba9.png](https://cdn.dribbble.com/users/7514969/screenshots/16199568/media/7c669ffd94af5fc808d81689c305eba9.png)

by [Julius Branding](https://dribbble.com/shots/16199568-Music-App-Mobile-Design-Concept)

### Plant Care Assistant

![https://cdn.dribbble.com/users/4095567/screenshots/16199592/media/d89a3da3d4376cefbb56ca169694cf46.png](https://cdn.dribbble.com/users/4095567/screenshots/16199592/media/d89a3da3d4376cefbb56ca169694cf46.png)

by [Irfan Fanen](https://dribbble.com/shots/16199592-Plant-Care-Assistant)

---

## Tweets

{% twitter 1422561179356975110 %}

{% twitter 1423259472919674882 %}

{% twitter 1423731734982676483 %}

{% twitter 1423674023561601026 %}

{% twitter 1423993578787725317 %}

---

## Picked Pens

### Horizontal scrolling in a centered max-width container

{% codepen https://codepen.io/hexagoncircle/pen/gOWjwme %}

by [Ryan Mulligan](https://twitter.com/hexagoncircle)

### Irregular Image Gallery Layout

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

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

---

## Podcasts worth listening

### Ladybug Podcast – How To Choose A Tech Stack

In this episode, we’ll be chatting about choosing a tech stack for your project is one of the most important decisions you’ll make as an engineer. It will determine many aspects of your app, from development speed, to scalability, to the cost to run it.

{% spotify spotify:episode:3riPMA11IJE7VkrERFaEK2 %}

### CodePen Radio – 99.999% Uptime

Chris & Alex talk about DevOps, servers, and keeping CodePen online at all times. We were are 100% for the year until a few weeks ago when we had a 10 minute drop. That still keeps us in the realm of 99.99% uptime.

{% spotify spotify:episode:2mYlwNzRKZjLOgzXznM7aT %}

### The CSS Podcast – Season 2 wrap up

We’ve reached the end of season 2 of the CSS Podcast. In this closing episode, we recap every episode by sharing our favorite tips and learnings from the last few months!

{% spotify spotify:episode:7fsblWgyksTFmCfGHIgpB9 %}

---

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