Все статьи сайта Only-to-top.ru

HTML, CSS, SASS, JavaScript, jQuery, PHP. Работа с Wordpress, Gulp, а также другие инструменты и технологии для создания современных сайтов

Шпаргалка по WooCommerce

Шпаргалка по WooCommerce

02/07/2020

Шпаргалка по WooCommerce включает в себя: проверку типа страницы магазина, вывод товаров, категорий товаров, атрибутов, получение ссылок на различные страницы магазина, работа с корзиной, в том числе AJAX добавление товара в корзину и многое другое. Установка и подготовка...

Наличие Динамически Добавленного Элемента

Наличие Динамически Добавленного Элемента

09/05/2020

Рассмотрим, как проверить наличие динамически добавленного элемента в DOM-дерево с помощью JavaScript. Чтобы проверить наличие динамически добавленного элемента в DOM, воспользуйтесь следующим кодом. <button type="button" class="btn">Проверить наличие элемента</button> С помощью jQuery. jQuery(($) => { $('.btn').on('click', () => {...

Стилизация Input File

Стилизация Input File

19/04/2020

Сегодня будем стилизовать input type file. Т.к. стилизация тесно связана с обработкой input file на фронтенде, мы так же рассмотрим, как обработать выбранный файл и отправить на сервер. Скрипт будет работать для множества форм с возможностью не только...

Как Загрузить SVG в WordPress

Как Загрузить SVG в WordPress

23/03/2020

Сегодня мы рассмотрим, как можно в WordPress разрешить загрузку SVG изображений, чтобы добавлять SVG через библиотеку файлов. Научимся добавлять и другие форматы, например, WEBP. При попытке загрузить SVG в WordPress, вы увидите следующее предупреждение о невозможности добавления данного...

Предзагрузка Картинок - Предварительная Загрузка Изображений на JavaScript

Предзагрузка Картинок - Предварительная Загрузка Изображений на JavaScript

07/03/2020

Рассмотрим, как реализовать предзагрузку изображений на нативном JavaScript, jQuery, а так же при помощи rel="preload". Это может понадобиться, например, если картинки добавляются на страницу (в DOM) динамически. Чтобы страница не прыгала, и выглядело всё достойно, необходимо чтобы изображения...

Отзывы в WordPress без Плагинов

Отзывы в WordPress без Плагинов

29/02/2020

Рассмотрим, как сделать добавление и отправку отзывов в WordPress. При отправке отзыва пользователем он будет добавлен как запись со статусом «На утверждении». Отзыв будет размещён на сайте после проверки/модерации администратором. Рассмотрим также вариант, чтобы отзыв публиковался автоматически, после...

Стилизация Скролла

Стилизация Скролла

31/01/2020

Сегодня будем стилизовать скролл с помощью CSS для webkit браузеров (Google Chrome / Safari / Opera / Яндекс.Браузер) и Mozilla Firefox. А так же рассмотрим изменение скролла при помощи плагина mCustomScrollbar. Стилизация скролла: для Firefox; для остальных браузеров;...

События Формы

События Формы

05/01/2020

Рассмотрим основные события форм: отправка формы, очистка полей, фокус элемента формы, потеря фокуса, события для input, select, checkbox и многое другое. submit - событие отправки формы; reset - очистка полей формы; valid - поля формы не валидны. Событие...

Checkbox Checked - Проверка Состояния Чекбокса ✔️

Checkbox Checked - Проверка Состояния Чекбокса ✔️

22/12/2019

В данной статье мы разберём различные способы проверки состояния чекбоксов. Это необходимо для эффективной работы с элементами форм. Проверка checkbox на checked - метод .is() Проверка checkbox/radio на состояние (выбран/не выбран) - метод .prop() Отметить / снять checked...

Следующая страница

Нет больше статей для загрузки

Нет больше статей для загрузки