Пара интересных pen`ов на хэллоуинскую тематику

https://codepen.io/panvicka/pen/ExvYjNR - выпадающее меню с интересной анимацией при выборе элемента списка.

https://codepen.io/cobra_winfrey/pen/zYzVmWX - тоже dropdown, но с более классическим поведением.

#codepen

Иммутабельность объектов в JavaScript

Неизменяемость объекта является важной концепцией в любом языке программирования. Она ограничивает изменения объектов и предотвращает нежелательные операции с ними.

В статье автор рассказывает, как мы можем реализовать иммутабельность объектов в JavaScript с помощью методов freeze() и seal().

Борьба с гонками (race conditions) в JavaScript на примере работы с кешем

Короткий разбор особенностей работы async / await и Promise.all при кешировании запросов.

Как сделать Змейку на чекбоксах и не только

Забавный мини-проект с анимацией из простых чекбоксов. В посте можно найти несколько примеров реализации, ну а поиграться с демками можно тут - https://www.bryanbraun.com/checkboxland/

Blazor WebAssembly: соединительные линии в SVG

В статье описан способ реализации соединительных линий между SVG объектами. Соединительные линии автоматически перестраиваются при изменении положения объектов.

Демо - https://alexeyboiko.github.io/BlazorDraggableDemo/

Как создать блок с градиентной обводкой?

Представим ситуацию: перед вами встало сверх задание — нужно сделать на сайте блок с градиентной обводкой. Нужно сразу понимать, что для этого не существует простого и очевидного CSS API. Это значит, что для получения необходимого визуального эффекта нам нужно писать определенные “костыли”. Автор предлагает рассмотреть 2 подхода к решению этой задачи.

Базовые задачи на Promise в JavaScript

Promise - специальный объект, который хранит своё состояние и используется для обработки результатов асинхронных операций.

В статье - основные задачи на Promsie, которые часто спрашивают на собеседованиях.

Использование Google reCAPTCHA v2 и v3 в одной форме

Пост с примерами кода о том, как применить Google капчу: не пропустить робота и оставить в покое пользователя.

Ещё 6 вещей, которые я узнал, доведя Snowpack до 20000 GitHub-звёзд

Эта статья будет увлекательным чтением для любого, кто интересуется опенсорсным программным обеспечением. А те знания, которые автор вынес из своего опыта, и которыми хочет поделиться, пригодятся тем, кто занимается (или стремится заниматься) поддержкой больших или растущих опенсорсных проектов.

Как написать собственное свойство CSS

Благодаря Paint API из состава Houdini можно не ждать выхода новых возможностей CSS. Шаг за шагом автор этого материала показывает, как написать новое свойство CSS для анимации с фрагментацией.