Weekly Digest 20/2022
Tags: javascript, webdev, react, weeklyretro
Published: 2022-05-22 16:23:25

Welcome to my Weekly Digest #20.

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

### Deep Dive into Text Wrapping and Word Breaking

Let’s talk about the various ways we can control how text wraps on a web page. CSS gives us a lot of tools to make sure our text flows the way we want it to, but we’ll also cover some tricks using HTML and special characters.

[Deep Dive into Text Wrapping and Word Breaking](https://www.bram.us/2022/05/20/deep-dive-into-text-wrapping-and-word-breaking/)

### First Look At The CSS object-view-box Property

A new CSS property that will help in cropping images similar to how we use the viewBox in SVG.

[First Look At The CSS object-view-box Property - Ahmad Shadeed](https://ishadeed.com/article/css-object-view-box/)

---

## Some great videos I watched this week

### Exploring Advanced TypeScript Concepts - Guards, Utility Functions, and More

Ready to gain more confidence with your TypeScript skills? If you're familiar with basic TypeScript functions and features, what can you do to take your Typescript skills to the next level?

{% youtube eJ6R1knfsoc %}

by [Kelsey Leftwich](https://twitter.com/kelseyleftwich)

### Thinking on ways to solve buttons

In today's GUI Challenge, [@Adam Argyle](https://www.youtube.com/channel/UCBGr3ZMcV5jke40_Wrv3fNA) styles all the web's different button types with custom properties and `:where()`, for light/dark adaptive buttons that are easy to make new variants with.

{% youtube aJNq-b1zlog %}

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

### The Download: Math Support in Markdown, Playdate Dev Resources, 3D Movie Maker Forever, and More

On this episode of The Download, Christina is back with the latest developer news and coolest projects of the week

{% youtube 2vBqe9UP9G0 %}

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

---

## Useful GitHub repositories

### React-PDF

Display PDFs in your React app as easily as if they were images.

{% github wojtekmaj/react-pdf %}

### React-Toastify

React notification made easy

{% github fkhadra/react-toastify %}

---

## dribbble shots

### Affitto Real Estate App

![by [Sajon](https://dribbble.com/shots/18300406-Affitto-Real-Estate-App)](https://cdn.dribbble.com/userupload/2760110/file/original-cf06aecba3b2ba81eac1612d66734c6e.png)

by [Sajon](https://dribbble.com/shots/18300406-Affitto-Real-Estate-App)

### Food Delivery App - Foodel

![by [Ali Husni](https://dribbble.com/shots/18302635-Food-Delivery-App-Foodel)](https://cdn.dribbble.com/users/5324991/screenshots/18302635/media/79d9cce2eee9255269a65edeb3bbf429.png)

by [Ali Husni](https://dribbble.com/shots/18302635-Food-Delivery-App-Foodel)

### Education Web Design

![by [Rakib Kowshar](https://dribbble.com/shots/18296991-Education-Web-Design)](https://cdn.dribbble.com/userupload/2758846/file/original-02ae42f1bc1d62587b287df74d86492f.jpg)

by [Rakib Kowshar](https://dribbble.com/shots/18296991-Education-Web-Design)

---

## Tweets

{% twitter 1526184439830781952 %}

{% twitter 1526874008049811461 %}

{% twitter 1527642881384759297 %}

---

## Picked Pens

### GSAP Increment Counter + Celebrate

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

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

### Text Alignment

{% codepen https://codepen.io/z-/pen/XWZgZxx %}

by [Zed Dash](https://twitter.com/Osorpenke)

---

## Podcasts worth listening

### Syntax – **Turborepo with Jared Palmer**

In this supper club episode of Syntax, Wes and Scott talk with Jared Palmer about Turborepo, how it fits in your tech stack, and what it was like being acquired by Vercel.

{% spotify spotify:episode:2wsAGmjBEHrgqjGHizt7fB %}

---

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