Анимация замыливания текста при скролле

Еще один эффект для текста, основанный на использовании скролла.

Демо | Github

https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll/

Введение в AI разработку

OpenAI JavaScript туториал. Создаем веб приложения с использование ChatGPT и DALLE API

https://www.youtube.com/watch?v=Yjy837dDvOY

Несколько конфигураций для Git

Как разделить конфигурации для рабочих и своих проектов? Использовать глобальную настройку .gitconfig с конфигурацией папок. Подробнее - в статье.

https://www.freecodecamp.org/news/how-to-handle-multiple-git-configurations-in-one-machine/

Готов ли ваш код к React 19?

Новшества и breaking-changes в грядущей версии React, которые стоит учитывать при обновлении.

https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19

Пишем шахматы на JS

Подробный туториал по разработке шахмат на JavaScript с использованием Stockfish API

https://www.youtube.com/watch?v=fJIsqZmQVZQ

Работа с датами с Tempo

Еще одна библиотека, упрощающая работу с датами в JS.

https://blog.logrocket.com/handling-dates-javascript-tempo/

Отображаем музыку при помощи CSS Grid

Решение по удобному и отзывчивому рендерингу нот в вебе, основанное на CSS Grid.

https://cruncher.ch/blog/printing-music-with-css-grid/

Доступность при валидации html форм

Руководство по разработке удобных и доступных форм.

https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/

Отменяем асихронные запросы с AbortController

Как работает AbortController и примеры его использования.

https://thenewstack.io/cancel-asynchronous-react-app-requests-with-abortcontroller/

CPUpro: Переосмысление профайлинга для экосистемы JS

Альтернативная система профайлинга и логирования для движка V8: Node.js, Deno, Chromium.

https://github.com/lahmatiy/cpupro

Изучаем работу с ветками в Git

Хороший инструмент для изучения Git начинающим и не только.

https://learngitbranching.js.org/?locale=ru_RU

Курс по JS для начинающих

3 часовой вводный курс по современному JavaScript для тех, кто знакомится с языком.

https://www.youtube.com/watch?v=Zi-Q0t4gMC8

Современное руководство по CSS фигурам

Способы создания фигур без использования SVG.

https://www.smashingmagazine.com/2024/05/modern-guide-making-css-shapes/

Интерактивное руководство по CSS Container Queries

Удобный гайд с возможностью потыкать фичу в режиме онлайн.

https://ishadeed.com/article/css-container-query-guide/

Target=_blank теперь автоматически используется с атрибутом rel=noopener

Небольшая заметка о том, какие проблемы были Target=_blank и почему нужен был аттрибут rel.

https://www.stefanjudis.com/today-i-learned/target-blank-implies-rel-noopener/

Готовим NextJs к offline работе

Аспекты разработки веб приложений с учетом возможности offline работы на примере приложения на NextJs.

https://www.youtube.com/watch?v=oOV5uk-ajPE

Новые альтернативы innerHTML

Об использовании уже доступного setHTMLUnsafe и находящегося в процессе стандартизации setHTML.

https://fullystacked.net/innerhtml-alternatives/

Реализуем функцию глубокого сравнения объектов

Алгоритм сравнения объектов, использующий метод Object.is.

https://webdeveloper.beehiiv.com/p/get-perfect-deep-equal-javascript

React Compiler

Как работает экспериментальный React Compiler под капотом в сравнении с классическим React Transpiler.

https://www.youtube.com/watch?v=PYHBHK37xlE

Используем WebRTC для создания P2P видео стриминга

Немного о концеции работы WebRTC и простой пример реализации стриминга.

https://blog.logrocket.com/webrtc-video-streaming/