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

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

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.

by Alex

How to inspect animations

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

by Google Chrome Developers

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.

by Michelle Barker

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.

by Fireship

Useful GitHub repositories

Lyra

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

npm i @nearform/lyra

yarn add @nearform/lyra

pnpm add @nearform/lyra

import { create, insert, search, remove } from '@nearform/lyra';
const db = create({
  schema: {
    author: 'string',
    quote: 'string'
  }
});

insert(db, {
  quote: 'It is during our darkest moments that we must focus to see the light.',
  author: 'Aristotle'
});
insert(db, {
  quote: 'If you really

Fluent Emoji

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

dribbble shots

Birdies: Dream Team

by Anna Kirilenko

CosyPOS – restaurant POS system

by Dmitry Lauretsky

Niafty - NFT mobile app

by Azhar Dwi

Tweets

Daniel Velasquez

@anemolito

This is one of my favorite executions of motion in Webgl by @hellomondaycom

Not only it's satifying to flip pages, but it supports and guides you through a powerful message!

See it here: howtotalktowhitekidsaboutracism.com

14:12 PM - 08 Aug 2022

Marco Biedermann

@biedermannmarco

Another great use-case for using the CSS `:has` selector: Adding an asterisk to a form label if the input field is required. No need to add any additional markup

#web #webdevelopment #html #css

09:02 AM - 12 Aug 2022

Picked Pens

Sparkly Shiny Text

by Jhey

CSS Portal Ring

by Jhey

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