Чего только не придумают забугорные “веб девелоперы”. Вот и сейчас порадовали классным меню с отличными эффектами. Все выполнено в круглом стиле с выезжающими дополнительными кругами и сменой картинок. Лучше 1 раз увидеть, чем 100 раз прочитать.

Подобное меню прекрасно будет смотреться на сайте-портфолио или же на личном сайте. В нем можно дать разгуляться фантазии и разместить любую информацию. Использование плагина для создания реалистичных кругов придаст динамичности любому сайту. Красивая смена изображений внутри главного круга также не оставит равнодушными Ваших посетителей.

Оригинальная идея плагина (меню): http://tympanus.net/codrops/
Подробная инструкция по установке и настройке: http://ruseller.com/lessons.php?rub=28&id=579
Демо плагина (меню): http://ruseller.com/lessons/les579/example/index.html

Стоит обратить внимание также на:

1. Простое меню с плавным эффектом Начнем с очень простого меню, которое очень легко установить...
2. Фильтр для Вашего портфолио Очень интересная реализация фильтрации сайтов в портфолио. Эту идею...
3. Автоматический слайдер контента Хорошая реализация слайдера контента. Можно легко отображать как изображения,...

На просторах Интернета мне удалось отыскать интересную реализацию галереи в стиле фотографий Polaroid. И выполнена она, конечно же, с помощью jQuery.

Это просто идеальный вариант для размещения Ваших фото с отдыха . Такое ощущение, что эта галерея была создана как раз для этого. Но судя по фотографиям, которые автор разместил в своей демо версии, доля истины в моих словах присутствует.

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

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

Подобная галерея станет украшением для любого сайта, так что не теряйте времени и устанавливайте себе на сервера!

Оригинальная идея плагина (меню): http://www.marcofolio.net
Подробная инструкция по установке и настройке: http://ruseller.com/lessons.php?rub=32&id=121
Демо плагина (меню): http://ruseller.com/lessons/les121/example.html

Хорошая реализация слайдера контента. Можно легко отображать как изображения, так и HTML разметку. Этот слайдер существует уже довольно продолжительное время. Создателем его является знаменитый в своих кругах Крис Койер с css-tricks.com. Очень талантливый кодер, который кроме jQuery? также отлично разбирается в Wordpress.

По поводу данного слайдера могу сказать, что на него стоит обратить внимание. Можно добавлять любое количество слайдов, главное при этом сохранять разметку. Кроме этого слайды меняются автоматически, и можно легко менять задержку времени между сменой слайдов.

Большим плюсом я также считаю цикличность данного слайдера. То есть, когда он доходит до последнего слайда, следующее что мы видим – это первый слайд.  Кроме этого, имеется также индикатор в виде стрелки, который показывает на соответствующую миниатюру!

Если покопаться, то на основе этого экземпляра можно сделать что-то уникальное для своего сайта\проекта!

Оригинальная идея плагина (меню): http://www.css-tricks.com
Подробная инструкция по установке и настройке: http://ruseller.com/lessons.php?rub=32&id=106
Демо плагина (меню): http://ruseller.com/lessons/160309slickslider/example/index.html

Стоит обратить внимание также на:

1. Easy Slider – красивый слайдер для картинок или контента Easy Slider позволяет картинкам или любому содержанию прокручиваться вертикально...
2. Простое меню с плавным эффектом Начнем с очень простого меню, которое очень легко установить...
3. Agile Carousel: просто, красиво, Jquery! Agile Carousel – очередной слайдер для отображения любой информации....

Очень интересная реализация фильтрации сайтов в портфолио. Эту идею можно использовать не только этого, но и для фильтрации любого списка.Допустим Вы мега-крутой дизайнер и Ваше портфолио перевалило за 100 работ. С помощью этого довольно простого решения можно разделить Ваши работы на группы и показывать частями. Либо же можно нажать на кнопочку, и все Ваши работы предстанут перед глазами любопытных посетителей.

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

Короче говоря, использование этого плагина\скрипта очень разнообразно и все ограничивается Вашим воображением.

Оригинальная идея плагина (меню): http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-filterable-portfolio-with-jquery/
Подробная инструкция по установке и настройке: http://ruseller.com/lessons.php?rub=32&id=97
Демо плагина (меню): http://ruseller.com/lessons/140309sam/example/index.htm

Стоит обратить внимание также на:

1. Необычное меню на jQuery с классной анимацией Чего только не придумают забугорные “веб девелоперы”. Вот и...
2. Простое меню с плавным эффектом Начнем с очень простого меню, которое очень легко установить...
3. Автоматический слайдер контента Хорошая реализация слайдера контента. Можно легко отображать как изображения,...

Начнем с очень простого меню, которое очень легко установить на любой сайт.Меню предельно простое и не требует фундаментальных знаний в программировании.

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

Для эффекта выпадения дополнительного информационного контейнера используется плагин Easing. Он имеет множество разных вариантов анимации. Таким образом, изменив всего одно слово в коде Вы сможете варьировать вид анимации. Это очень удобно.

Оригинальная идея плагина (меню): http://dynamicdrive.com
Подробная инструкция по установке и настройке: http://ruseller.com/lessons.php?rub=32&id=96
Демо плагина (меню): http://ruseller.com/lessons/170309menujquery/example/index.html

Стоит обратить внимание также на:

1. Необычное меню на jQuery с классной анимацией Чего только не придумают забугорные “веб девелоперы”. Вот и...
2. Автоматический слайдер контента Хорошая реализация слайдера контента. Можно легко отображать как изображения,...
3. Фильтр для Вашего портфолио Очень интересная реализация фильтрации сайтов в портфолио. Эту идею...

Уважаемые посетители и подписчики!

Этот блог продолжительное время не обновлялся в связи с непредвиденными обстоятельствами.
Наконец-то, я могу со 100% уверенностью заявить, что с сегодняшнего дня добавление нового материала будет регулярным.

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

Кроме этого, периодически буду публиковать обзоры, в которых постараюсь выделить наиболее интересные экземпляры.

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

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

С уважением к Вам,
Максим

Стоит обратить внимание также на:

1. Первый день существования блога! Уважаемые читатели! Приветствую Вас на страницах блога полностью посвященного новейшим...
2. О блоге Приветсвую Вас на страницах моего блога! Здесь Вы сможете найти...

Jquery Autocomplete – позволяет очень быстро найти необходимое значение для ввода в форму. Как только пользователь начинает вводить первые буквы или цифры, плагин начинает фильтровать все значения в базе и предлагать пользователю на  выбор. Чем больше символов ввел юзер, тем больше можно сузить круг результатов.

Данный плагин может быть использован для отображения в формах городов, индексов, емейлов из адресной  книги и т.п.

Официальная страница плагина: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
Прямая ссылка для скачивания: http://jquery.bassistance.de/autocomplete/jquery.autocomplete.zip
Демо плагина: http://jquery.bassistance.de/autocomplete/demo/

Стоит обратить внимание также на:

1. Agile Carousel: просто, красиво, Jquery! Agile Carousel – очередной слайдер для отображения любой информации....
2. Supersized – полноэкранное слайдшоу на jQuery Supersized – плагин jQuery, который автоматически увеличивает картинки до...
3. Ajax Fancy Captcha – спамеры долой! Ajax Fancy Captcha – плагин jQuery, который помогает защитить...

Lightview – по моему, один из лучших лайтбоксов на данный момент. Может отображать картинки, серию картинок, видео, контент, другие сайты, Flash, формы, фреймы… Размер лайтбокса подстраивается под размер содержимого. Внешний вид легко настраивается с помощью CSS. Совместим со всеми современными браузерами.

Как говорится: “Лучше один раз увидеть, чем 30 секунд читать !”

Официальная страница плагина: http://www.nickstakenburg.com/projects/lightview/
Прямая ссылка для скачивания: http://www.nickstakenburg.com/projects/download/?project=lightview# (триальная версия)
Демо плагина: http://www.nickstakenburg.com/projects/lightview/

Стоит обратить внимание также на:

1. ColorBox – классный Lightbox! ColorBox – легконастраиваемый лайтбокс на jQuery. Внешний вид полностью...
2. Необычное меню на jQuery с классной анимацией Чего только не придумают забугорные “веб девелоперы”. Вот и...
3. jQuery Scrollable – скролит любые html элементы jQuery Scrollable позволяет скролить любые элементы html на Ваших...

Uploadify – плагин jQuery для множественной загрузки файлов. Позволяет изменить любой элемент с ID на странице в инструмент по загрузке одного или нескольких файлов. Плагин использует смесь JQuery, Flash и серверный скрипт по Вашему выбору для отправления файлов с локального компьютера на вебсервер.

Плагин протестирован и успешно работает на IE7, FireFox 3, Safari 3 и Opera 9.

Официальная страница плагина: http://www.ronniesan.com/articles/jquery-multiple-file-upload.php
Прямая ссылка для скачивания: http://www.ronniesan.com/_files/jquery.uploadify-v1.6.2.zip
Демо плагина: http://www.ronniesan.com/examples/file-upload.html

Стоит обратить внимание также на:

1. Agile Carousel: просто, красиво, Jquery! Agile Carousel – очередной слайдер для отображения любой информации....
2. s3Slider – красивые слайдшоу для Ваших сайтов Плагин Jquery – s3Slider – очень красивое решение для...
3. Supersized – полноэкранное слайдшоу на jQuery Supersized – плагин jQuery, который автоматически увеличивает картинки до...

ColorBox – легконастраиваемый лайтбокс на jQuery. Внешний вид полностью настраивается через CSS, что позволяет создать уникальное решение для любого сайта.

ColorBox – поддерживает работу с фотографиями, группами фото, ajax, html, и контентом с других сайтов.  Для использования нет необходимости вносить коррективы в HTML. Плагин производит W3C валидный XHTML и CSS.

Официальная страница плагина: http://colorpowered.com/colorbox/
Прямая ссылка для скачивания: http://github.com/jackmoore/colorbox/zipball/master
Демо плагина: Демо 1, 2, 3, 4

Стоит обратить внимание также на:

1. Lightview – универсальный лайтбокс Lightview – по моему, один из лучших лайтбоксов на...
2. Uploadify – простая загрузка файлов Uploadify – плагин jQuery для множественной загрузки файлов. Позволяет...
3. s3Slider – красивые слайдшоу для Ваших сайтов Плагин Jquery – s3Slider – очень красивое решение для...