Статьи из категории Все статьи сайта Only-to-top.ru Страница 2

Все статьи сайта Only-to-top.ru Страница 2

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

Список статей категории Все статьи сайта Only-to-top.ru Страница 2

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

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

Дата размещения статьи 23/03/2020

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

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

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

Дата размещения статьи 07/03/2020

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

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

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

Дата размещения статьи 29/02/2020

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

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

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

Дата размещения статьи 31/01/2020

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

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

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

Дата размещения статьи 05/01/2020

Рассмотрим основные события форм: отправка формы, очистка полей, фокус элемента формы, потеря фокуса, события для input, select, checkbox и многое другое. Содержание: события формы: отправка формы (submit); очистка формы (reset); невалидность формы (valid); события элементов формы: input, textarea; select; checkbox, radio; range. Событие отправки формы Слушать событие отправки...

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

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

Дата размещения статьи 22/12/2019

В данной статье мы разберём различные способы проверки состояния чекбоксов. Это необходимо для эффективной работы с элементами форм. Содержание: метод .is(); метод .prop(); отметить/снять (checked); деактивация чекбокса (disabled); метод .trigger() - имитация клика по чекбоксу; селектор :checked - найти все выбранные checkbox/radio; свойство .length - подсчёт количества выбранных...

Git SSH Windows - пошаговое руководство

Git SSH Windows - пошаговое руководство

Дата размещения статьи 08/12/2019

Настроим пошагово Git SSH для Windows 10. Это позволит вам выполнять команды git без ввода пароля от своей учетной записи GitHub. Генерация ключа SSH. Добавление SSH-ключа в ssh-agent. Добавление ключа SSH в учетную запись GitHub. Генерация ключа SSH Откройте bash/терминал. Добавьте следующий текст, подставив свой адрес электронной почты...

JavaScript: Window Location

JavaScript: Window Location

Дата размещения статьи 30/11/2019

Объект Window.location предоставляет информацию о текущем адресе страницы (URL), позволяет реализовать обновление (перезагрузку) страницы, перенаправление браузера на другой URL и многое другое. Объект Window.location содержит следующие свойства и методы. window.location.href; window.location.protocol; window.location.hostname; window.location.port; window.location.pathname; window.location.search; window.location.hash; window.location.assign(); window.location.reload(); window.location.replace(); window.location.toString(); пример. https://only-to-top.ru/blog/coding/2019-11-30-javascript-window-location.html?name=value#hash Свойства: window.location.href → 'https://only-to-top.loc/blog/coding/2019-11-30-javascript-window-location.html?name=value#hash' .origin →...

Как Преобразовать Объект в Массив (JS)

Как Преобразовать Объект в Массив (JS)

Дата размещения статьи 23/11/2019

Рассмотрим 4 способа, как преобразовать объект в массив при помощи JavaScript. Затем преобразуем массив в объект. Исходные данные. Пусть у нас есть объект (object). const populations = { russia: 146780, ukraine: 42153, belarus: 9475 } Нам необходимо преобразовать его в массив (array). Рассмотрим 4 способа. С помощью цикла....

Как Определить Мобильное Устройство с Помощью JavaScript

Как Определить Мобильное Устройство с Помощью JavaScript

Дата размещения статьи 16/11/2019

Сегодня вы научитесь определять мобильное устройство при помощи JavaScript. Затем реализуем это при помощи «mobile-detect.js». Он может также определять операционную систему и текущий браузер, используемый пользователем. Самый простой способ определить мобильное устройство с помощью JavaScript - это извлечь строку из navigator.userAgent. Будем искать совпадения на мобильные устройства. Если...

jQuery + AJAX + JSON + PHP. Пошаговое руководство

jQuery + AJAX + JSON + PHP. Пошаговое руководство

Дата размещения статьи 11/11/2019

Сегодня вы узнаете, как создавать, читать, обновлять и удалять записи в базе данных. А также реализуем поиск и пагинацию. Мы будем использовать jQuery, AJAX, JSON и PHP. 1. Обзор проекта 2. Настройка REST API 3. Необходимые файлы и папки 3.1 Файловая структура 3.2 Создание файла index.html 3.3 Подключение...