Отборная информация, которая вставляет!

Лучшие jquery плагины 2009 года


Библиотека jquery становится все более популярной в интернете и во многих приложениях и движках она присутствует по умолчанию. Почему так? Просмотрев сборку лучших плагинов на этой библиотеке вы сможете сами все понять. В статье собраны лучшие jquery плагины, jquery примеры, jquery руководство, jquery plugins 2009 года.

Слайдеры контента

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

AnythingSlider

image

демо слайдера

Easy Slider

Этот слайдер интересен тем, что имеет очень много настроек, к примеру можно отображать просто ссылочки “назад”, “вперед”, а можно заменить их нумерованными списками или иконками

jquery_2

Coda-Slider 2.0

Известный очень давно слайдер, который сделали ещё в 2007 году, но в 2009 году была выпущена вторая версия слайдера

jquery_3

Модальные окна на jquery

a stunning and smooth popup jQuery

How to create a stunning and smooth popup using jQuery tutorial screen shot.

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

Live Demo

Simple jQuery Modal Window

Simple jQuery Modal Window Tutorial tutorial screen shot.

Это модальное окно будет открываться при добавлении определенного параметра rel к ссылке.

Live Demo

модальная панель на jQuery

Building modal panels with jQuery tutorial screen shot.

Live Demo

Всплывающие подсказки

Build a Better Tooltip with jQuery Awesomeness

Build a Better Tooltip with jQuery Awesomeness tutorial screen shot.

с этого туториала вы научитесь создавать всплывающие подсказки при наведении на картинки и ссылки с определенным title параметром

Live Demo

Smart Tooltips with jQuery

Smart Tooltips with jQuery tutorial screen shot.s

Live Demo

Coda Popup Bubbles

Coda Popup Bubbles tutorial screen shots.

мой любимый – просто и со вкусом

Live Demo

Контент-табы

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

Создаем табы на jQuery

Create a Tabbed Interface Using jQuery screen shot.

простой и подробный урок по созданию табулированных  интерфейсов на jQuery.

Live Demo

jQuery Tabbed Interface

jQuery Tabbed Interface screen shot.

Live Demo

Эффекты с картинками

Create Sliding Image Caption with jQuery

Create Sliding Image Caption with jQuery screen shot.

интересная техника создания замещающих панелей с текстом при наведении на картинку

Live Demo

Image Reveal using jQuery

Image Reveal using jQuery screen shot.

Эффект увеличения картинок. Удобен, если вы публикуете большие картинки в ограниченной ширине страницы. Тогда картинка будет увеличиваться при наведении.

Live Demo

Simple jQuery Image Slide Show with Semi-Transparent Caption

Simple jQuery Image Slide Show with Semi-Transparent Caption screen shot.

В этом уроке вы узнаете как создавать слайдеры на jquery с всплывающими подсказками.

Live Demo

Photo Slider Tutorial

Photo Slider Tutorial screen shot.

Фотослайдер с минипревьюшками. Т.е. что-то вроде небольшой галлерее – очень юзабельно

Live Demo

s3 Slider

 - screen shot.

Популярный слайдер, который присутствует во многих платных шаблонах

Demo

jQuery Thumbs

jQuery Thumbs - screen shot.

Скрипт, который создает превью картинок налету.

jCarousel Lite

jCarousel Lite - screen shot.

каруселька с картинками

Demo

jQuery Cycle plugin

jQuery Cycle plugin - screen shot.

Создаем перелистывание картинок с разными эффектами

Rounded Corners

Rounded Corners -screen shot.

Создаем самые разнообразные эффекты со скруглением

jQZoom

jQZoom - screen shot.

Создаем разнообразные зумы с картинками

Demo

Трюки с контентом

Creating a «Filterable» Portfolio with jQuery

Creating a "Filterable" Portfolio with jQuery screen shot.

Создаем минипортфолио из картинок с возможностью сортировки по категориям

Live Demo

How to Build a Super Duper News Scroller

How to Build a Super Duper News Scroller screen shot.

Новостной блок со скроллингом, который вытягивает новости из rss потока

jQuery Sequential List

jQuery Sequential List screen shot.

Создаем нумерованные списки из картинок на jquery (можно также использовать при нумерации комментариев)

Live Demo

Building a jQuery-Powered Tag-Cloud

Building a jQuery-Powered Tag-Cloud screen shot.

Создаем облаков тегов на jquery

Веб-формы и навигация

Build An Incredible Login Form With jQuery

Build An Incredible Login Form With jQuery screen shot.

Потрясающая логин панель для входа

Live Demo

Fading Menu – Replacing Content

Fading Menu - Replacing Content screen shot.

Меню с эффектом затемнения + слайдер контента – 2 в одном.

Live Demo

Using jQuery for Background Image Animations

Using jQuery for Background Image Animations screen shot.

Это меню позволит создать красивые переходы с бекграундом ссылок

Live Demo

Create an apple style menu and improve it via jQuery

Create an apple style menu and improve it via jQuery screen shot.

Live Demo

jQuery & CSS Example – Dropdown Menu

jQuery & CSS Example - Dropdown Menu screen shot.

Простое выпадающее меню css+jquery

Мониторинг сети:

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

2. А теперь офигевайте от качества фоток.

Хотите, чтобы и ваша продукция выглядела также?

Закажите рекламная фотосъемка предметов


 

Похожие статьи:



11 комментариев к “Лучшие jquery плагины 2009 года”

  1. хорошие плагины, интересные, а значит и пользователям будет интересно и удобно. Но я бы половину убрал из-за ненадобности из списка.

  2. Как то, что давно искал. Статью в закладки — уж очень много тут всего. Отличные фишки для блога. Мне интересно jquery силоно wordpress грузит?

    • ETNO:

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

  3. отлично буду ждать — подписался ;)

  4. Супер подборка
    во!!!

  5. Да, скрипты классные спору нет.
    Висела на моем сайте о путешествиях http://fleek.org/fleekaj/WBVNEgxMS08RT0p9AA1+VFYbFkc=/ на главной каруселька динамичная с превьюшками. Все кого спрашивал восхищались. Вот только скрипты для нее весили около 150kb и загружался сайт в первый раз секунд за 20-30, а когда много посетителей — то за 50-60.
    К сожалению, пришлось обойтись только скриптом превьюшек и стилями — ручной вариант. Сейчас грузится секунд 5-15.
    Пробовал загружать скрипты в конце — отказываются работать.

  6. Спасибо, долго искала, добавила на страничку потому что он был очень длинный и выглядит не красиво, сейчас нужно нажать просто — подробнее — и весь текст вылезает, посмотрите http://fleek.org/fleekaj/WBVNEgxMS0wUURQITxBMHlJZEVBMQFgLTU9JFkxFUBVYBEoWQAYKVg9TC09O/

  7. […] добиться, с jquery есть много очень полезных сайтов и плагинов, то чего можно добиться с […]

  8. Юрийёё:

    Не подскажите какой из слайдеров используется на вашем сайте внизу поста?

    • ETNO:

      тут вроде самописный, но можно найти похожий, в поисковике введите «карусель на jquery» — думаю много похожего найдется

оставить отзыв

Если хотите вставить код в комментарии, то оберните его тегами ‹pre›‹/pre›