Фронтенд Гайд

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

Cards with inverted border-radius Карточки товаров с интересным решением для кнопки

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

В России можно посещать IT-мероприятия хоть каждый день: как оффлайн, так и онлайн Но где их находить? Как узнавать о них раньше, чем когда все начнут выкладывать фотографии оттуда? Переходите на канал IT-Мероприятия России. В нём каждый день анонсируются мероприятия со всех городов России 📆 в канале размещаются как онлайн, так и оффлайн мероприятия; 👩‍💻 можно найти ивенты по любому стеку: программирование, frontend-backend разработка, кибербезопасность, дата-аналитика, osint, devops и другие; 🎙 разнообразные форматы мероприятий: митапы с коллегами по цеху, конференции и вебинары с известными опытными специалистами, форумы и олимпиады от важных представителей индустрии и многое другое А чтобы не искать по разным форумам и чатам новости о предстоящих ивентах: 🚀 IT-мероприятия России — подписывайся и будь в курсе всех предстоящих мероприятий!

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

❓ Что делает 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 удобно использовать при делегировании событий — когда один обработчик навешивается на родителя и обрабатывает клики сразу на все вложенные элементы. Это упрощает код и повышает его гибкость.

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

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

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

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

Button with tooltip hover timing feedback Панель плеера с подсказками при наведении