👩‍💻 Можно ли предотвратить случайный скролл всей страницы при прокрутке вложенного блока?

Свойство overscroll-behavior позволяет это контролировать — оно отвечает за то, как ведёт себя скролл при достижении краёв вложенных элементов.

Как пишется:

• auto — поведение по умолчанию, скролл "переходит" к родителю.

• contain — скролл не выходит за пределы элемента.

• none — блокирует и bounce-эффект, и прокрутку родителя.

• overscroll-behavior-y / -x — управление по осям.

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

📣 Code Ready | #свойство

👩‍💻 Разберем animation-fill-mode — свойство, решающее, что будет после окончания анимации!

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

Как пишется:

• none — значение по умолчанию.

• forwards — после анимации элемент сохраняет стили последнего кадра.

• backwards — до начала анимации применяется стиль первого кадра.

• both — сочетает forwards и backwards: до старта — первый кадр, после завершения — последний.

Особенно полезно при вступительных анимациях, скрытии элементов или визуальном подтверждении действий.

📣 Code Ready | #свойство

👩‍💻 Слышали, что в VS Code ваши Markdown-таблицы могут выглядеть аккуратными и понятными прямо в исходном коде?

Markdown Table Prettifier — плагин, который автоматически форматирует таблицы в тексте. Очень удобно: сразу видно, как выглядит таблица, без постоянного переключения на превью.

Особенно помогает при написании документации и любых текстов с таблицами — комфортно и быстро.

📣 Code Ready | #vscode