Web:

Суть работы Barba.js очень проста - она перехватывает ссылки на страницы текущего сайта, загружает их в память, выделяет контейнер с контентом и заменяет его на странице. Все это может сопровождаться анимацией.

Хороший пример использования, на мой взгляд, можно посмотреть на странице документации.

Довольно распространенная задача, когда нужно сделать поле с маской для ввода номера телефона, раньше использовал плагин jquery.mask.min.js, но он стал плохо работать, поэтому нашел вариант на чистом javascript.

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

Также стоит учитывать, если лицензии нет и CMS Bitrix не обновляется, то расширения могут не заработать на старых версиях php.

Именно так и получилось, при установке расширения "Долями".

Уже есть небольшая памятка о том как стилизовать checkbox спрайтами, но я решил продемонстрировать вариант, когда поле ввода находиться внутри "этикетки" (тега label).

Небольшая памятка о том как стилизовать checkbox, если никаких особых анимаций и элементов оформления не требуется.

Иногда нужно, например для отладки, сохранять копию всех отправленных сайтом писем. Встроенной функции логипрования в Битрикс нет, но можно легко ее реализовать.

Подборка визуальных эффектов с минимум CSS кода. Реакции на наведение / клик, ввод текста.

Красивое оформление - обрезание картинки на CSS

При наведении круг немного увеличивается, а картинка всплывает (приближается к нам), сделано на чистом CSS.

Сразу смотрим демо.

Основная идея метода в том, что сначала мы добавляем на страницу svg файл через тег с display: none;, а затем вызываем его через use xlink:href - где и сколько угодно раз.

Задача: нужно рисовать линии на канвасе когда пользователь ведет курсор с зажатой левой кнопкой.

И как всегда, обычное дело оказалось не без подводных камней!