Микрофронтенд на пальцах с module federation 2.0

В статье объясняется, как микрофронтенды работают с Module Federation 2.0, как взаимодействуют host и remote, и что происходит под капотом при подключении модуля. Простой разбор на React и Webpack

Firefly Button

Кнопка с анимированным эффектом при наведении

Решаем фундаментальную проблему асинхронных JavaScript-ошибок

В статье показывают, как правильно ловить и обрабатывать ошибки в асинхронном JavaScript. Разбираются примеры и приёмы для сохранения полезного stack trace вместо бесполезного однострочника

Fancy Glowing Button

Крутая кнопка с RGB подсветкой и эффектом при наведении

❓ Что делает event.target в JavaScript и когда его использовать?

Свойство event.target возвращает элемент, на котором произошло событие. Это полезно, когда нужно определить, какой конкретно вложенный элемент вызвал событие внутри общего обработчика.

✅ Пример:

<ul onclick="console.log(event.target.textContent)"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>

📌 При клике на любой <li> в консоль выведется текст именно этого элемента.

event.target удобно использовать при делегировании событий — когда один обработчик навешивается на родителя и обрабатывает клики сразу на все вложенные элементы. Это упрощает код и повышает его гибкость.

Neumorphic Rocker Switch

Анимированный переключатель в стиле неоморфизм

Плавность как фича: сравниваем фреймворки по анимации UI на реальных кейсах

Разбираются четыре фреймворка для UI-анимаций — CSS, Framer Motion, GSAP и Motion One — на живых примерах. Где плавнее, где гибче, а где просто быстрее — всё на коде

Cards with inverted border-radius

Карточки товаров с интересным решением для кнопки

BEM vs Atomic CSS или картинка по номерам

Собрал в кучу все методологии CSS, которые сам знаю и использую. Разбираюсь, что всё ещё актуально, а что уже пора забыть. Даже немного сравниваю — вдруг пригодится

Signature animation

Поле для ввода подписи с интересной анимацией