Pабота со скриптами. Уроки 7-17


В каждом уроке рассказывается об установке и использовании какого-то скрипта работающего с jQuery. Особо интересными они мне не показались, только перечислю их здесь

Урок 7. Автонабор текста
Скрипт typed.js
Demo
Имитирует печатение и стирание текста на машинке. Можно использовать для заголовков или каких то элементов.
Видео https://youtu.be/e76YNHgEQtE

Урок 8. Hoverdelay
Задержка при появлении hover эффекта при наведении курсора на элемент
Скрипт jQuery-Hover-Delay
Довольно частый вопрос в гугле. Решает, например, проблему частых наводов курсора на кнопку с hover эффектом после которых он ещё некоторое время моргает
Видео https://youtu.be/IaAaa12CApc

Урок 9. Стилизация checkbox/radio
Решается средствами css.
Видео https://youtu.be/0H8ccb29jl8

Урок 10. Валидация форм
Скрипт jquery-validation
Используется для валидации данных введённых пользователем в форму на сайте
Видео https://youtu.be/dlv-w16mGhQ

Урок 11. Стилизация input[type=range]
Для этого достаточно css.
Видео https://youtu.be/cmuyUB6ma80

Урок 12. Нестандартная сетка
Сетка из элементов разного размера: ширины и высоты
Видео https://youtu.be/qZssDWP8azE

Урок 13. "Липкий" сайдбар
Прокручивать основной текст, оставляя боковую колонку постоянно на виду без прокрутки. Свойство fixed ведь, зачем здесь скрипт
Видео https://youtu.be/wkOW_1WfSro

Урок 14. Стилизация скроллбара
Окошко в котором прокручивается текст
Видео https://youtu.be/vm8J29NDoUs

Урок 15. Стилизация скроллбара 2
Видео https://youtu.be/XjTT6dJq1yk

Урок 16. "Липкий" сайдбар + скроллбар
Видео https://youtu.be/cR2HLuKYMnQ

Урок 17. Zoom изображения при наводе
Прекрасно решается эффектом анимации в css3
Видео https://youtu.be/9_QZD8Wg5Bo

Урок 18. Работа и стилизация Map
Довольно нестандартная задача, когда всё поле страницы представляет собой кликабельные элементы разной формы
Видео https://youtu.be/vfXdKB1bz2E