Клетчатый фон в 2 строчки CSS

Или как использовать градиенты для создания фона.

https://www.amitmerchant.com/checkered-background-using-only-two-lines-of-code-in-css/

Исследуем потенциал Web Workers для многопоточности в вебе

Кратко рассмотрим все аспекты работы с Web Workers: безопасность, использование ресурсов, выполнение запросов и многое другое.

https://www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/

Объединяем объекты в JS

Используем Object.assign и spread operator, чтобы совместить несколько объектов в один: подводные камни, аспекты и отличие от deep copy.

https://www.sitepoint.com/merging-objects-javascript/?utm_source=rss

Создаем простое NodeJS приложение и оборачиваем его в Docker контейнер

Пошаговый туториал по созданию приложения и Docker контейнера + деплой на Kinsta хостинг.

https://www.smashingmagazine.com/2023/04/building-dockerizing-nodejs-app-stateless-architecture-kinsta/

Что нового в NodeJS v20

От встроенного тест раннера до компиляции в единый исполняемый файл.

https://www.sitepoint.com/node-js-20-new

Шпаргалки и материалы для IT собеседований

Dev Questions - бесплатный сервис для подготовки к собеседованиям. Проект активно развивается - каждый день добавляется новый контент и функционал!

Используем экспериментальное свойство CSS color-mix

Создаем различные варианты наложения цветов с color-mix

https://una.im/color-mix-opacity/

Как поддерживать проект по мере его развития

Пример проекта для создания оглавления, который показывает как структурировать и рефакторить код по мере увеличения функционала.

Часть 1
Часть 2
Часть 3

Чит лист по доступности интерактивных элементов

Какого размера должны быть иконки и кнопки, чтобы сайтом или приложением было удобно пользоваться?

https://www.smashingmagazine.com/2023/04/accessible-tap-target-sizes-rage-taps-clicks/

Работаем с формами в React

Используем интеграцию React Hook Form с валидатором Zod для создания формы.

https://my-js.org/blog/rhf-zod/

ChatGPT - курс по работе с OpenAI API

Создаем несколько простых приложений использующих OpenAI API.

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

CSS Blend Modes

Режимы смешивания цветов и эффекты, которых можно добиться с помощью них.

https://garden.bradwoods.io/notes/css/blend-modes

Храним API ключи правильно

Убираем хардкод и используем dotenv для работы с переменными окружения на примере React приложения.

https://www.smashingmagazine.com/2023/05/safest-way-hide-api-keys-react/