DEV Community

Cover image for Weekly Digest 32/2022
Marco Biedermann
Marco Biedermann

Posted on

Weekly Digest 32/2022

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.

GitHub logo nearform / lyra

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

Lyra

Tests

Try the live demo

Installation

You can install Lyra using npm, yarn, pnpm:

npm i @nearform/lyra
Enter fullscreen mode Exit fullscreen mode
yarn add @nearform/lyra
Enter fullscreen mode Exit fullscreen mode
pnpm add @nearform/lyra
Enter fullscreen mode Exit fullscreen mode

Usage

Lyra is quite simple to use. The first thing to do is to create a new database instance and set an indexing schema:

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

Lyra will only index string properties, but will allow you to set and store additional data if needed.

Once the db instance is created, you can start adding some documents:

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
Enter fullscreen mode Exit fullscreen mode

Fluent Emoji

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

Fluent Emoji

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

Fluent Emoji

Contact

Please feel free to open a GitHub issue and assign to the following points of contact with questions or requests.

Code of Conduct

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.





dribbble shots

Birdies: Dream Team

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

by Anna Kirilenko

CosyPOS – restaurant POS system

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

by Dmitry Lauretsky

Niafty - NFT mobile app

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

by Azhar Dwi


Tweets

Picked Pens

Sparkly Shiny Text

by Jhey

CSS Portal Ring

by Jhey


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

Top comments (0)