Добро пожаловать в мой еженедельный дайджест №32 за этот год.

Этот еженедельный дайджест содержит множество интересных и вдохновляющих статей, видео, твитов, подкастов и дизайнов, которые я просматривал в течение этой недели.

Интересные статьи для чтения

Как наша организация улучшила веб-доступность (конкретный пример)

В этой статье Кэтрин Хоул и Илкнур Эрен рассказывают о том, как их организация «Understood» устраняет барьеры для людей, которые учатся и думают по-другому, сочетая доступность и юзабилити в своих процессах.

Как наша организация улучшила веб-доступность (конкретный пример) — Smashing Magazine

Изучение шейдеров с помощью React Three Fiber

Полное руководство о том, как использовать шейдеры в React Three Fiber, работать с формами и вариациями, а также создавать с их помощью динамичные, интерактивные и композитные материалы на примере 8 уникальных 3D-сцен.

Изучение шейдеров с помощью React Three Fiber — Блог Максима Хеккеля

Несколько замечательных видео, которые я посмотрел на этой неделе

Юникод в дружественных терминах: ASCII, UTF-8, кодовые точки, кодировки символов и многое другое

Вас когда-нибудь кусала ошибка Unicode? Может быть, вы неправильно обращались с данными, закодированными в UTF-8, или пытались прочитать их как ASCII? Может быть, вы путаете UTF-8 и UTF-16? Юникод и кодирование символов могут показаться сложной темой, но давайте разберем их и узнаем о них по частям, от ASCII до кодовых точек, графем, модификаторов символов и многого другого.

by Alex

Как проверять анимации

Вы можете использовать вкладку Анимации в DevTools для проверки, очистки и изменения анимации.

от Google Chrome Developers

Креативная верстка CSS

За последние несколько лет верстка CSS продвинулась вперед очень далеко. Помимо flexbox и Grid, появились aspect-ratio, функции min, max и clamp, пользовательские свойства и логические свойства — все они могут помочь нам решить общие проблемы верстки.

Мишель Баркер

Hugo за 100 секунд

Hugo — это чрезвычайно быстрый генератор статических сайтов для создания веб-сайтов на основе разметки. Он написан на языке программирования Go и предоставляет большую коллекцию инструментов управления контентом для разработчиков.

от Fireship

Полезные репозитории GitHub

Lyra

Быстрая полнотекстовая поисковая система, написанная на 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 — это коллекция знакомых, дружелюбных и современных эмодзи от Microsoft.

выстрелы дриббла

Птички: Команда мечты

автор Анна Кириленко

CosyPOS — ресторанная POS-система

Дмитрий Лаурецкий

Niafty — мобильное приложение NFT

Ажар Дви

Твиты

Даниэль Веласкес

@anemolito

Это одна из моих любимых реализаций движения в Webgl от @hellomondaycom.

Перелистывание страниц не только доставляет удовольствие, но и поддерживает и направляет вас через мощное послание!

Смотрите здесь: howtotalktowhitekidsaboutracism.com

14:12 PM — 08 Aug 2022

Марко Бидерманн

@biedermannmarco

Еще один отличный пример использования селектора CSS `:has`: Добавление звездочки к метке формы, если поле ввода является обязательным. Не нужно добавлять никакой дополнительной разметки

#web #webdevelopment #html #css

09:02 AM — 12 Aug 2022

Выбранные ручки

Сверкающий блестящий текст

автор Jhey

CSS Portal Ring

автор Jhey

Спасибо, что прочитали, поговорим на следующей неделе, и будьте осторожны! 👋