Weekly Digest 32/2022
Tags: javascript, webdev, react, css
Published: 2022-08-14 16:29:11

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

### How Our Organization Improved Web Accessibility (Case Study)

In this article, Catherine Houle and Ilknur Eren share how their organization “Understood” removes barriers for people who learn and think differently by combining accessibility and usability in their processes.

[How Our Organization Improved Web Accessibility (Case Study) - Smashing Magazine](https://www.smashingmagazine.com/2022/08/organization-improved-web-accessibility-case-study/)

### The Study of Shaders with React Three Fiber

A complete guide on how to use shaders with React Three Fiber, work with uniforms and varyings, and build dynamic, interactive and composable materials with them through 8 unique 3D scenes.

[The Study of Shaders with React Three Fiber - Maxime Heckel's Blog](https://blog.maximeheckel.com/posts/the-study-of-shaders-with-react-three-fiber)

---

## Some great videos I watched this week

### Unicode, in friendly terms: ASCII, UTF-8, code points, character encodings, and more

Ever been bit by a Unicode bug? Maybe you weren't treating UTF-8 encoded data correctly, or tried to read it as ASCII? Maybe you mixed up UTF-8 vs UTF-16? Unicode and character encoding might seem like a tricky topic, but let's break them down and learn about them piece by piece, from ASCII to code points to graphemes to combining character modifiers and more.

{% youtube ut74oHojxqo %}

by [Alex](https://www.youtube.com/c/StudyingWithAlex)

### How to inspect animations

You can use the Animations tab in DevTools to inspect, scrub and modify animations.

{% youtube lVLzkleL_CE %}

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

### Creative CSS Layout

CSS layout has moved along in leaps and bounds in the past few years. Beyond flexbox and Grid, there is aspect-ratio, min, max and clamp functions, custom properties, and logical properties, all of which can help us solve common layout challenges.

{% youtube tueTFd2TQUA %}

by [Michelle Barker](https://twitter.com/MicheBarks)

### Hugo in 100 Seconds

Hugo is an extremely fast static site generator for building websites with markdown. It is written in the Go programming language and provides a large collection of content management tools for developers.

{% youtube 0RKpf3rK57I %}

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

---

## Useful GitHub repositories

### Lyra

Fast, in-memory, typo-tolerant, full-text search engine written in TypeScript.

{% github nearform/lyra %}

### Fluent Emoji

Fluent Emoji are a collection of familiar, friendly, and modern emoji from Microsoft.

{% github microsoft/fluentui-emoji %}

---

## dribbble shots

### Birdies: Dream Team

![by [Anna Kirilenko](https://dribbble.com/shots/19051338-Birdies-Dream-Team)](https://cdn.dribbble.com/userupload/3256838/file/original-aa38766dcf7a0788aa01b527578d7fa6.png)

by [Anna Kirilenko](https://dribbble.com/shots/19051338-Birdies-Dream-Team)

### CosyPOS – restaurant POS system

![by [Dmitry Lauretsky](https://dribbble.com/shots/19061261-CosyPOS-restaurant-POS-system)](https://cdn.dribbble.com/userupload/3261378/file/still-257de2f1d3d1b2abe102e2c9b0cd1b41.png)

by [Dmitry Lauretsky](https://dribbble.com/shots/19061261-CosyPOS-restaurant-POS-system)

### Niafty - NFT mobile app

![by [Azhar Dwi](https://www.notion.so/Weekly-Digest-32-2022-32624e87bce047b096541f1c070e99a9)](https://cdn.dribbble.com/users/6013606/screenshots/19055182/media/affc7beee5550f6ff27e7f034cea229e.png)

by [Azhar Dwi](https://www.notion.so/Weekly-Digest-32-2022-32624e87bce047b096541f1c070e99a9)

---

## Tweets

{% twitter 1556644475509899266 %}

{% twitter 1558016071982096384 %}

## Picked Pens

### Sparkly Shiny Text

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

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

### CSS Portal Ring

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

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

---

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