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

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

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

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

Плавное появление блока CSS

Плавное появление блока CSS

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

Рассмотрим, как можно реализовать плавное появление блока при наведении с помощью CSS Пример HTML структуры. Два блока: первый видимый, при наведении на который будем плавно показывать второй (скрытый) элемент. <div class="o2t-element">i</div> <div class="o2t-element--hidden">Скрытый элемент</div> Всплывающий блок может содержать абсолютно любой контент: текст, картинку, видео и т.п. Магия CSS...

Лучшие плагины для WordPress

Лучшие плагины для WordPress

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

Подборка лучших плагинов для WordPress 2021 года. Рекомендую обратить внимание всем разработчикам, а также владельцам сайтов, данные плагины значительно упростят и ускорят как разработку так и ведение сайтов на WordPress. Cyr-To-Lat - автоматическая транслитерация URL (RU в EN) Опции и произвольные поля Redux — Gutenberg Blocks Library &...

Слайдер до-после без использования плагинов

Слайдер до-после без использования плагинов

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

Сегодня рассмотрим как можно создать слайдер сравнения изображений (до/после) без использования плагинов с помощью JavaScript и jQuery. Разметка. Обёртка с id image-comparison и двумя изображениями. Подключим jQuery <div id="image-comparison"> <img src="./img/1.jpeg" alt="alt"> <img src="./img/2.jpeg" alt="alt"> </div> <script src="http://code.jquery.com/jquery-3.4.1.min.js"></script> Стили .image-comparison { position: relative; display: inline-block; width: 520px; width:...

Вычитание дат JavaScript

Вычитание дат JavaScript

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

Рассмотрим, как вычесть из одной даты другую, т.е. найти разницу в количестве дней между двумя датами, используя JavaScript. Проделаем следующее: Создадим два объекта типа Date() Объявим функцию, например, diffDates() для подсчёта разницы в днях Вызовем функцию, передав в неё параметры - две даты, разницу между которыми необходимо подсчитать...

Локальная сеть через WI-FI

Локальная сеть через WI-FI

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

Рассмотрим, как настроить локальную сеть через WI-FI в Windows 10. Для примера, будем настраивать сеть между компьютером и ноутбуком. Хотя это может быть компьютер - компьютер, или даже десять компьютеров - порядок действий останется тем же. 1. Настройка сетевого профиля Первое, что нам необходимо сделать, это настроить сетевой...

Проверьте действительность вашей лицензии ESET

Проверьте действительность вашей лицензии ESET

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

Не удалось авторизовать обновление. Проверьте действительность вашей лицензии. - так звучит сообщение об ошибке в ESET Internet Security. Чтобы устранить данную ошибку необходимо изменить лицензионный ключ на другой. Для этого в главном окне программы выберете пункт справка и поддержка и нажмите изменить лицензию. Затем в открывшемся окне выбрать...

Отправка чекбоксов на почту

Отправка чекбоксов на почту

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

Рассмотрим, как отправить input type checkbox на почту при помощи PHP. Значения выбранных чекбоксов будут приходить на e-mail в виде строки с запятой после каждого значения чекбокса. Чтобы объединить группу из несколько чекбоксов в один массив, необходимо добавить к name квадратные скобки [ ] <input type="checkbox" value="HTML" name="Технологии[]">...

Input type number стилизация

Input type number стилизация

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

Сегодня рассмотрим как можно стилизовать input type number. А если быть точным, то как его создать таким, каким душе угодно. Разметка <div class="inputTN"> <input class="inputTN__input"type="text" pattern="^[0-9]+$" value="0"> <div class="inputTN__top"></div> <div class="inputTN__bottom"></div> </div> Стилизация .inputTN { position: relative; } .inputTN__input { border-radius: 7px; padding-left: 10px; padding-right: 20px; border: 1px...

Печать HTML таблицы с помощью JavaScript

Печать HTML таблицы с помощью JavaScript

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

Рассмотрим, как вывести HTML таблицу на печать с помощью JavaScript и jQuery HTML-разметка <button id="printTable">Печать таблицы</button> <table id="printMe"> <style> @media print { /* Стили для печати */ #printMe .hidden { display:none; } /* что не надо печатать */ #printMe { font-size:14px; border: 1px solid #987; border-collapse: collapse; border-spacing:...

Регистрация и авторизация в php с JSON Web Token

Регистрация и авторизация в php с JSON Web Token

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

Сегодня мы реализуем форму регистрации, входа, выхода и обновления учётной записи пользователя, используя JSON Web Token. Что такое JWT? Файловая структура Настройка базы данных Создание API для регистрации пользователей Создание API для входа пользователей Создание API для валидации JWT Создание API для учетных записей пользователей Создание интерфейса для...

Как вставить svg картинку на свой сайт

Как вставить svg картинку на свой сайт

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

Рассмотрим способы вставки SVG изображений: через тег img, инлайново, base64, теги object и embed; а также как вставить SVG картинку через CSS. Вставка SVG в HTML SVG через тег img Inline SVG HTML SVG data URI / base64 SVG через тег object Вставка SVG через CSS SVG через...