HTML CSS JS Страница 3

Создание структуры web-страницы, её стилизация и добавление интерактивности

Выполнение js в зависимости от ширины экрана

Выполнение js в зависимости от ширины экрана

04/03/2019

Рассмотрим два способа как выполнить js код в зависимости от ширины экрана, а затем и высоты. 1 способ - с помощью нативного js, 2 способ - используя jQuery. 1 способ - нативный JavaScript. Выполнение js кода на экранах...

Подсветка активного пункта меню с помощью jQuery

Подсветка активного пункта меню с помощью jQuery

19/01/2019

Подсветка активного пункта меню с помощью jQuery и JavaScript (самый простой способ определения ссылки текущей страницы). А так же реализуем подсветку текущего пункта меню при скролле HTML: <nav class="main-menu"> <ul> <li><a href="/">Главная</a></li> <li><a href="/advantages">Преимущества</a></li> <li><a href="/services">Услуги</a></li> <li><a href="/contacts">Контакты</a></li>...

Добавление FontAwesome через CSS

Добавление FontAwesome через CSS

13/01/2019

Иногда требуется добавить иконки FontAwesome нестандартным способом, например через файл стилей или js. Рассмотрим как можно это реализовать. Допустим у нас есть div, к которому нужно добавить иконку <div class="address">Россия, Москва, ул. Никольская</div> Тогда CSS будет следующим .address::before...

Шпаргалка по использованию jQuery

Шпаргалка по использованию jQuery

10/01/2019

Шпаргалка по использованию jQuery включает в себя: события загрузки страницы, манипуляции с DOM-деревом, поиск необходимых элементов, анимация и многое другое. События загрузки страницы Выполнение кода после загрузки DOM-дерева $(function() { /* код */ }); или jQuery(function($) { /*...

Ссылки на мессенджеры на сайте

Ссылки на мессенджеры на сайте

15/12/2018

Сегодня добавим на сайт ссылки на мессенджеры: Telegram, WhatsApp, Viber, Skype, Вконтакте, Facebook; а так же рассмотрим как добавлять другие виды ссылок: на почту, телефон и файл. Ссылка на Telegram <!-- для перехода к диалогу Telegram --> <a...

Accordion jQuery

Accordion jQuery

12/12/2018

Рассмотрим создание Accordion без использования плагинов. Для его реализации мы будет использовать jQuery и CSS. Структура: .accordion - обёртка для аккордеона, .accordion__item - вкладки аккордеона, .accordion__title - заголовки, .accordion__content - контент, который будет виден у активной вкладки. <div...

Вертикальные табы

Вертикальные табы

01/12/2018

Сегодня мы сделаем адаптивные вертикальные табы (вкладки) для сайта Сначала создадим структуру для вертикальных табов: обёртку - wrap-myvertical-tabs, сами вкладки - myvertical-tabs, а так же само содержимое - myvertical-tabs-content. <div class="wrap-myvertical-tabs"> <ul class="myvertical-tabs"> <li class="chosen">Spring</li> <li>Summer</li> <li>Autumn</li> </ul>...

Как передать данные из одной формы в другую

Как передать данные из одной формы в другую

28/11/2018

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

Стилизация select

Стилизация select

17/11/2018

Стилизация select на чистом CSS без использования сторонних библиотек или JavaScript кода. А также бонус: рассмотрим как стилизовать select option при помощи JavaScript и jQuery Стилизация select Структура будет стандартной <select size="1"> <option>Слон</option> <option>Бегемот</option> <option>Жираф</option> </select> Чтобы в...

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

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

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