Как создать простой Parallax эффект

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

Полезные фрагменты кода jQuery

Здравствуйте, уважаемые читатели XoZbloga! После продолжительного «молчания» я снова принимаюсь за работу. Библиотека jQuery безусловно завоевала огромную популярность у веб-разработчиков и очень многие пользуются ей при создании сайтов. В этой статье я приведу несколько фрагментов кода jQuery, которые могут Вам пригодиться. Не забудьте, что должна быть подключена библиотека jQuery.

Портфолио с использованием jQuery и CSS3

Здравствуйте, уважаемые читатели XoZbloga! Существует много способов отображения портфолио с эскизами выполненных работ, один из них — это упорядоченные плитки с псевдо-постраничной навигацией. В этом уроке я расскажу о том, как можно изящно реализовать подобное решение с использованием JQuery и CSS3 Transform.

Бесконечная прокрутка страницы с записями, средствами jQuery

Здравствуйте, уважаемые читатели XoZbloga! Разбивка контента на страницы с номерами является классической схемой пагинации, интуитивно понятной и привычной для пользователей. Однако, в последнее время все больше сайтов начинают «применять на практике» такой вид навигации по страницам как, Infinite Scroll (бесконечная прокрутка). Исключением не стали даже такие гиганты как Google, Facebook и ВКонтакте. Естественно у данного вида пагинации есть свои плюсы и минусы, но это уже другой разговор. В этом уроке мы рассмотрим, как можно реализовать подобную навигацию.

Drag and Drop корзина покупок на jQuery

Здравствуйте, уважаемые читатели XoZbloga! Для технологии Drag and Drop (перетащил и бросил) можно найти много способов применения, но корзина покупок в интернет магазине является пожалуй, самой распространенной. В этом уроке мы создадим простую корзину, в которую одним движением курсора мышки можно перенести товар. Корзина будет иметь следующую функциональность: можно добавлять не ограниченное количество одного и того же товара, количество можно указать вручную, а также удалить каждую позицию в корзине.

Автоматическая группировка элементов (jQuery плагин Stapel)

Здравствуйте, уважаемые читатели XoZbloga! Это первая статья в новой рубрике «Плагины». В данной рубрике будут публиковаться короткие статьи, так сказать по существу, о плагинах на jQuery, либо иных. Начнем с экспериментального плагина на JQuery — Stapel, позволяющего автоматически группировать элементы (в рассмотренном примере, миниатюры изображений) по общему атрибуту с использованием эффектов.

Эффект лупы для изображений

Здравствуйте, уважаемые читатели XoZbloga! В данной статье расскажу и покажу, один из способов реализации эффекта увеличительного стекла (лупы) для изображений на сайте. Автором данного решения является @_rishabhp. Для работы нам понадобится библиотека jQuery, а также будем использовать CSS3. То что получится в итоге Вы можете опробовать на демо странице или скачать исходники.