CSS Loader

Простой и футуристический лоадер, он же индикатор загрузки на чистом css. Используем простейшую анимацию.

Линейны поиск по массиву

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

Получаем acf картинку или featured

Просто полезная функция для работы с картинками. Работает с ACF полями по желанию можно заменить на get_post_meta вместо get_field.

Анимация подчеркивания текста

Простой CSS сниппет для осуществления анимации подчеркивания текста при наведении мыши. Такой hover эффект часто используется для элементов навигации и различных кнопок.

OTP пинкод на javascript

OTP — это одноразовый пинкод, он же пароль состоящий из 6 цифр. Который обычно генерируется для отправки через SMS во время регистрации и авторизации в том или ином сервисе.

wp_kses разрешенные атрибуты и тэги

В своей практике я довольно часто использую такие функции как wp_kses( $html, ‘post’ ) и wp_kses_post (обвертка для первой) для очистки данных перед выводом на фронт.

Как проверить тип переменной в JS

Казалось бы, нет ничего проще чем проверить что переменная в js это объект. Но не все так просто, как кажется.

Ленивая загрузка картинок

Для улучшения производительности и скорости загрузки сайта lazyload (ленивая загрузка картинок) играет одну из главных ролей. Сделать такую загрузку при помощи javascript довольно просто. Все, что нам надо, это лишь повесить эвент отслеживание области видимости при помощи обсервера (Observer).

Как удалить unused javascript код

Сегодня, мы научимся искать на сайте неиспользуемый javascript или css код. Делать это будем при помощи Chrome браузера. Очень часто при проверки сайтов на скорость загрузки…

JS отлавливаем клик на элементе

Допустим у нас есть некий выпадающий список, он открывается по клику и остается открытым. Соответственно нам нужно закрыть его в случае если пользователь кликнул где угодно кроме этого списка.