Когда вы используете Fancybox для отображения изображений, SVG и других медиа-объектов, возникает интересная проблема: если внутри SVG находятся ссылки (<a>), они перестают работать. Почему? Потому что Fancybox «перехватывает» клик, и вы не попадаете на нужный href.
Вот простое решение этой задачи.
Читать далее »Идея сделать этот плагин возникла у меня уже давно, но как это часто бывает, не хватало времени «сесть и реализовать». Но не давно, я остался без контракта, и у меня появилось время на собственные проекты. Одновременно хотелось попробовать давно интересовавшую меня тему — создание собственных Gutenberg-блоков для редактора WordPress. Так родился Active Contour — плагин, позволяющий создавать и редактировать контуры поверх изображений прямо в интерфейсе WordPress.
GitHub репозиторий:
https://github.com/sshra/active-contour
Страница на wordpress.org
https://wordpress.org/plugins/active-contour/
У нас есть окружность, заданная точкой её центра и радиусом. Еще у нас есть две точки, принадлежащие этой окружности — A и B, отсекая на окружности арку. Задача — построить между точками A и B еще n равноудаленных точек, принадлежащих окружности.
Читать далее »
Методика заключается в поиске ближайшей точки на отрезке и зачем вычислении расстояния до этой точки.
Читать далее »В веб-разработке важно уметь правильно обрабатывать процесс загрузки изображений. Браузеру может потребоваться время на подгрузку файла, особенно при медленном соединении или больших изображениях. Задача разработчика — отслеживать статус загрузки изображения и реагировать на это: отображать спиннер, применять стили или инициализировать анимации.
Читать далее »Плагин DataFilter позволяет управлять фильтрацией HTML тегов. Он является «родным» для CKE плагином, так что ничего дополнительно устанавливать не нужно. Рассмотрим как им можно управлять на уровне кастомного плагина.
Читать далее »Делюсь еще одним лайфхаков, как в плагине CKE5 вставить htmlentity.
Читать далее »Один из режимов навигации в Swiper — называется freemode. Он позволяет листать слайды (тащить мышкой или свайпить) без фиксации на границах слайда. Но если вы используете навигацию, то перелистывание будет производиться дискретно по слайдам.
Читать далее »Делюсь примером кода, для создания обертки в модели экосистемы CKEditor 5.
Читать далее »Слайдер классный, а вот документация какая то вялая.
Читать далее »