JQuery

Категория:
Опубликовано:

Video.js - делаем видео адаптивным

Video.js Fluid Width

Video.js - популярная библиотека для вывода HTML5-видео.

К сожалению, имеет некоторые проблемы с адаптивностью - исправляем.

Категория:
Опубликовано:

Notification API - Уведомления на рабочем столе

Browser Notification

Современные браузеры поддерживают уведомления.

Браузеры уважают личное пространство своих пользователей, потому спрашивают разрешения на показ уведомлений. Можно дать разрешение на показ уведомлений на 1 сеанс, или же на постоянно. Так же можно запретить уведомления.

Наверняка Вы их встречали, установив дополнения в свой браузер, или на современных сайтах.

Рассмотрим как можно выводить уведомления на своем сайте.

Категория:
Опубликовано:

jQuery .animate() - меняем цвет динамически

Забавная функция для анимации в jQuery - .animate().

С её помощью можно придавать динамику элементам - изменять ширину, высоту, размеры шрифта и другие свойства, имеющие числовые свойства.

Но что делать если нужно анимировать, например background-color у блока? Ведь эта функция не работает со свойствами типа color, background-color, border-color и т.п.

Ниже будем решать эту проблему, с помощью плагина jQuery Color.

Категория:
Опубликовано:

jQuery.easing - улучшаем анимацию jQuery

jQuery.easing

Ни для кого не секрет что jQuery - один из основных инструментов анимации WEB-страниц.

С его помощью можно анимировать все: текст, блоки и другие элементы.

Для всего этого есть куча разнообразных эффектов и их параметров, одним из которых есть "easing" - скорость анимации. Про него и поговорим.

Категория:
Опубликовано:

Анимация блоков при прокрутке

Все популярнее становятся сайты с анимированными блоками.

Ниже рассмотрим возможность анимации с помощью Animate.css и jQuery Viewport Checker'а.

Категория:
Опубликовано:

Typed.js - имитация набора текста

Typed.js

Эффект печати текста с помощью jQuery-библиотеки Typed.js

Имитируем набор текста по буквам. Возможно использование нескольких строк, создавая впечатление "общения" сайта с пользователем.

Очень интересный спецэффект!

Категория:
Опубликовано:

Скрыть елемент по клику за его пределами

Часто возникает задача по клику показывать блок, или целый регион.

Обычно, для скрытия добавляется какого-то рода крестик, ссылка "Close" и т.п.

В этом посте я расскажу как скрывать этот элемент по клику на сайте за пределами открытого блока.

Категория:
Опубликовано:

Плавный переход ко всем якорям на странице

Якорь HTML

Улучшаем юзабилити нашего сайта. Добавляем эффект плавного перехода по якорям, с помощью jQuery.

С помощью очень простого JS кода можно добиться весьма эффектного действия, при переходе по ссылке на якорь.