Все статьи сайта Only-to-top.ru Страница 3 | Only to top - Инструменты и Технологии для Создания Сайтов

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

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

Главная
Все статьи
Все статьи сайта Only-to-top.ru Страница 3

Кнопки «поделиться» для сайта

01/11/2019

Рассмотрим, как добавить социальные кнопки «поделиться» для вашего сайта. Для решения данной задачи мы не будем использовать сторонние сервисы, поэтому наши кнопки «поделиться» не будут оказывать отрицательного влияния на загрузку сайта и будут стабильно работать. HTML-структура кнопок: <div class="share-btns"> <a class="facebook" rel="nofollow" href="javascript: void(0)" onClick="window.open('https://www.facebook.com/sharer.php?u=АДРЕС_СТРАНИЦЫ','sharer','status=0,toolbar=0,width=650,height=500');" title="Поделиться в Facebook"></a>...

Валидация input

24/10/2019

Валидация input с помощью HTML, JavaScript, а также стилизация верно и не верно заполненного поля ввода. Валидация input с помощью HTML Для этой задачи воспользуемся атрибутом pattern. При использовании такого подхода, обязательно нужно сообщить пользователю в каком формате необходимо вводить в данное конкретное поле (с помощью label и/или...

Настройка Gulp Babel

20/10/2019

Что такое Babel, зачем он нужен, как установить gulp-babel для Gulp, настроить и начать использовать в своих проектах. Содержание: Babel для Gulp; установка gulp-babel; настройка gulpfile.js; создание babelrc; пример; итоговый код; gulp-terser; Babel - это компилятор JavaScript. Содержит в себе набор инструментов, позволяющих преобразовывать код ECMAScript 2015 и...

JavaScript: Информация О Нажатой Клавише 👇🏽

16/10/2019

В данной статье рассмотрим, как получить информацию о нажатой клавише клавиатуры или кнопки мыши, а также как выполнять необходимые действия (нужный код) при нажатии определенных сочетаний клавиш или кнопок (правый/левый клик мыши). Чтобы получить информацию, о том какая кнопка клавиатуры нажимается в данный момент, воспользуемся следующим кодом: function...

CSS: Обрезать Текст ✂️

12/10/2019

Рассмотрим, как обрезать текст с помощью CSS. Сначала обрежем строку с текстом и добавим многоточие, а затем рассмотрим как обрезать текст по высоте (многострочный текст) Обрежем текст, если он не помещается в строке. .crop-line { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } Обрезать текст по высоте (многострочный текст)...

Яндекс Метрика API: Счётчик Просмотров

08/10/2019

В данном руководстве рассмотрим работу с API Метрики от Яндекса. Создадим счётчик просмотров страниц (статей). Первое и самое важное, без чего невозможно продолжать - у вас должен быть подключен счётчик Яндекс.Метрики. Далее порядок действий следующий: получить OAuth-токен; сформировать запрос для получения данных; организовать сохранение полученных данных на вашем...

CSS to iFrame: Как Изменить CSS в iFrame

03/10/2019

Добавление CSS стилей на родительской странице не работает для тегов iFrame. Из данного руководства вы узнаете, как с помощью JavaScript изменить CSS стили в iFrame, а также как добавить новые (подключить с помощью link). Пусть у нас есть iFrame с id='iframeName' <iframe id="iframeName" src="./iframe.html"></iframe> Чтобы добавить новые стили...

Клик вне элемента (блока)

30/09/2019

Рассмотрим, как отловить клик вне элемента с помощью jQuery, а затем на чистом JavaScript. Это может понадобится, например, для всплывающих окон или для закрытия меню при клике за его пределами. Клик вне элемента jQuery Рассмотрим, как отловить клик за пределами блока Пример: имеем блок, пусть это будет всплывающее...

jQuery to JS - Переход к нативному JavaScript

24/09/2019

Переходим от библиотеки jQuery на чистый JavaScript. В статье вы найдёте следующие JavaScript методы: выбор элементов, перемещение по DOM-дереву, работа с атрибутами, событиями, классами; создание и удаление элементов, а также многое другое. Воспользуйтесь поиском ниже. Выбор элементов jQuery $(el); JavaScript document.querySelector(el); document.querySelectorAll(el); jQuery Выбор элемента по id $('#id');...

Микроразметка сайта

23/09/2019

Рассмотрим, два стандарта микроразметки сайта: Schema.org и Open Graph на примере меню, хлебных крошек, сайдбара, картинок, подвала сайта и многое другое. Микроразметка необходима для лучшего понимания роботами структуры сайта. Это в свою очередь позволяет поисковым системам формировать более привлекательный и содержательный сниппет (краткое описание в поисковой выдаче). С...

Отправка Данных Формы Используя Fetch API

17/09/2019

Fetch API - это современный подход для создания асинхронных запросов. Рассмотрим, как отправить данные формы на сервер, используя Fetch API. Научимся отправлять файл вложением (прикреплять к письму файл) вместе с другими полями формы. 1. Что такое fetch(). 2. Отправка формы с помощью Fetch API. 2.1 Fetch API FormData....

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

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