DEV Community

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

Posted on

4 1

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! πŸ‘‹

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay