👩‍💻 В коде слишком много операторов и условий?

Snazzy Operator — делает операторы (=>, ===, &&, >= и другие) более выразительными и аккуратными за счёт специальных лигатур и стилизации. Код становится легче воспринимать визуально, особенно в больших файлах и сложных условиях.

📣 Code Ready | #vscode

Почему скролл пробивает модалку и начинает двигать страницу?

Частый UX-баг: скроллишь контент внутри modal или sidebar, доходишь до конца, и начинает скроллиться вся страница под ним.

Обычно это пытаются фиксить через JS и блокировку body-scroll:

body {
  overflow: hidden;
}

Но это может ломать iOS-scroll, sticky и вызывать скачки layout.

CSS умеет решать это нативно:

.modal {
  overflow: auto;
  overscroll-behavior: contain;
}

Теперь scroll “останавливается” внутри контейнера и не передаётся родителю.

Можно полностью отключить overscroll-эффекты и scroll-chain:

.modal {
  overscroll-behavior: none;
}

Это особенно полезно для modal, drawer, sidebar, chat и mobile-menu.

.chat {
  overflow: auto;
  overscroll-behavior: contain;
}

🔥 overscroll-behavior позволяет нативно контролировать scroll-chain и избавиться от части scroll-lock логики без дополнительных JS-хаков.

📣 Code Ready | #совет

🐱 Node.js Dev — большая база знаний по Node.js и backend-разработке!

На сайте собраны статьи, документация и обучающие материалы по Node.js: работа с Express, npm, API, асинхронностью, модулями, потоками и серверной разработкой в целом. Есть как базовые разборы для новичков, так и более сложные темы по архитектуре и производительности.

📌 Оставляю ссылочку: nodejsdev.ru

📣 Code Ready | #сайт