Уроки jQuery

Сегодня у нас есть для вас один маленький, но изящный эффект. Мы хотим несколько оживить стандартный эффект наведения мыши и будем играться буквами в словах ссылок. Наша цель состоит в том, чтобы сдвигать букву за буквой при прохождении над элементом ссылки. У нас будет получаться или то же самое слово или будем заменять его другим.

Сегодня мы хотим рассказать вам о шикарном ротаторе контента. Он показывает на каждом слайде некоторое изображение с заголовком и подзаголовком и позволяет переходить по слайдам с помощью миниатюр, которые также содержат заголовки. При скрытии миниатюр будет появляться прокручиваемый контейнер текста, а стрелки навигации будут сдвигаться вверх, позволяя таким образом переходить между слайдами.

Иногда бывает очень полезно скрывать полосу прокрутки элементов на web сайте, и показывать ее только тогда, когда пользователь действительно в ней нуждается. Примером такого поведения является плагин Facebook «Activity Feed». Сегодня мы хотим показать вам, как применять плагин jScrollPane и как добавить к его возможностям скрытие полосы прокрутки и показ ее при наведении мыши на определенный блок.

Сегодня мы создадим слайд шоу с помощью плагина jmpress.js. Плагин jQuery, основанный на impress.js, поможет нам добавлять к слайдам, некоторые, интересные 3D эффекты.

Сегодня мы покажем вам, как создать эффектный вывод дополнительной информации в галерее изображений зависящий от направления движения мыши с помощью CSS3 и jQuery. Идея заключается в том, что у нас будет небольшой перекрывающий слой, выдвигающийся поверх миниатюр с той стороны, откуда мы проводим мышью. Когда мы «покидаем» миниатюру, слой будет задвигаться, следуя направлению движения мыши.

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

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

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

В этом уроке мы приведем несколько примеров регулярных выражений (RegExp) jQuery, которые вы можете использовать в своих проектах. Они очень удобны для поиска и проверки почти всех данных, которые есть на вашей веб-странице. Также, они удобны для проверки значений в формах.

В этом уроке мы создадим слайдер с эффектом параллакса. Для достижения такого эффекта - мы будем сдвигать различные фоновые изображения при прокрутке слайдов. Это создаст иллюзию объема, а также, добавит глубины всему слайдеру при его движении.