Все записи категории ‘javaScript’

WP Plugin Active ContourПлагин Active Contour для WordPress — визуальное редактирование контуров на изображенияхWP Plugin Active Contour
 17 Июн, 2025

Идея сделать этот плагин возникла у меня уже давно, но как это часто бывает, не хватало времени «сесть и реализовать». Но не давно, я остался без контракта, и у меня появилось время на собственные проекты. Одновременно хотелось попробовать давно интересовавшую меня тему — создание собственных Gutenberg-блоков для редактора WordPress. Так родился Active Contour — плагин, позволяющий создавать и редактировать контуры поверх изображений прямо в интерфейсе WordPress.

GitHub репозиторий:
https://github.com/sshra/active-contour

Читать далее »
Вычисление N точек на арке
 10 Июн, 2025

У нас есть окружность, заданная точкой её центра и радиусом. Еще у нас есть две точки, принадлежащие этой окружности — A и B, отсекая на окружности арку. Задача — построить между точками A и B еще n равноудаленных точек, принадлежащих окружности.

Читать далее »
Вычисление расстояния от точки до отрезка
 9 Июн, 2025

Методика заключается в поиске ближайшей точки на отрезке и зачем вычислении расстояния до этой точки.

Читать далее »
Обработка событий загрузки изображения
 16 Май, 2025

В веб-разработке важно уметь правильно обрабатывать процесс загрузки изображений. Браузеру может потребоваться время на подгрузку файла, особенно при медленном соединении или больших изображениях. Задача разработчика — отслеживать статус загрузки изображения и реагировать на это: отображать спиннер, применять стили или инициализировать анимации.

Читать далее »
Фильтрация тегов на уровне плагина в CKEditor 5
 7 Апр, 2025

Плагин DataFilter позволяет управлять фильтрацией HTML тегов. Он является «родным» для CKE плагином, так что ничего дополнительно устанавливать не нужно. Рассмотрим как им можно управлять на уровне кастомного плагина.

Читать далее »
Вставка html entites в текстовые ноды
 5 Апр, 2025

Делюсь еще одним лайфхаков, как в плагине CKE5 вставить htmlentity.

Читать далее »
Организация не дискретной навигации в Swiper
 21 Мар, 2025

Один из режимов навигации в Swiper — называется freemode. Он позволяет листать слайды (тащить мышкой или свайпить) без фиксации на границах слайда. Но если вы используете навигацию, то перелистывание будет производиться дискретно по слайдам.

Читать далее »
CKE5 функция создания контейнера-обертки в модели
 20 Мар, 2025

Делюсь примером кода, для создания обертки в модели экосистемы CKEditor 5.

Читать далее »
Как получить кол-во слайдов в slick слайдере
 9 Апр, 2024

Слайдер классный, а вот документация какая то вялая.

Читать далее »
Копирование текста в буфер обмена на js
 12 Мар, 2024

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

Читать далее »