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

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

Печать 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; } /* что не надо печатать */...

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

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

20/06/2019

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

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

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

08/06/2019

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

Вывод произвольных полей ACF

Вывод произвольных полей ACF

11/05/2019

Рассмотрим вывод произвольных полей, созданных в Advanced Custom Fields для WordPress. А так же, как вывести произвольные поля для терминов таксономии, например, "Рубрики" в шаблоне category.php Типы полей - текст, число, область текста, файл, медиа Чтобы вывести текст,...

SVG анимация

SVG анимация

01/05/2019

Сегодня поговорим об анимации SVG. Реализуем следующее: при клике на svg-изображение, будет проигрываться анимация. А также попутно познакомимся с тегами <g></g> и <defs></defs>. Для примера я скачал svg картинку. Анимация внутри SVG Нам необходимо выполнить следующие действия. Загрузить...

Эффекты при нажатии CSS

Эффекты при нажатии CSS

24/03/2019

Рассмотрим, как добавить красивые эффекты при нажатии на кнопку с помощью CSS и jQuery. Создадим три кнопки с разными эффектами. Структура: <button class="mybutton mybutton--animate-click-one"> <span class="mybutton__text">Первый эффект при нажатии</span> </button> <button class="mybutton mybutton--animate-click-two"> <span class="mybutton__text">Второй эффект при нажатии</span>...

Как перенести сайт WordPress на хостинг

Как перенести сайт WordPress на хостинг

16/03/2019

Рассмотрим, как перенести сайт WordPress с локального сервера на хостинг. Шаги следующие: Заархивировать все файлы сайта Экспортировать базы данных Загрузить и разархивировать файлы на хостинге Внести правки в wp-config.php Импортировать базы данных Выполнить необходимые SQL-запросы Архивация файлов сайта...

Настройте показ всего текста во время загрузки веб-шрифтов

Настройте показ всего текста во время загрузки веб-шрифтов

13/03/2019

Настройте показ всего текста во время загрузки веб-шрифтов - так звучит рекомендация от Google PageSpeed Insights. Рассмотрим, как это реализовать. 1. Подключаем шрифт инлайново в теге head в формате <head> ... <style> @font-face { font-family: 'FontBeautifulName'; font-display: swap;...

Полезные WordPress хуки

Полезные WordPress хуки

08/03/2019

Полезные хуки по работе с WordPress: фильтры, события и просто полезный PHP-код при разработке сайта на WordPress. Отключение редакций WordPress // Отключить редакции WP function my_revisions_to_keep( $revisions ) { return 0; } add_filter( 'wp_revisions_to_keep', 'my_revisions_to_keep' ); Отключение Emojii...

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

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

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