Топ-40 полезных jQuery-плагинов 2020 Javascript


Оглавление (нажмите, чтобы открыть):

Блог WEB-разработчика о PHP, MySQL, JavaScript и разработке

35 свежих и полезных jQuery плагинов

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

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

jQuery плагины для навигации

jQuery добавляет в ваш сайт великое множество прекрасных функций. Он умеет делать многое, начиная с анимации и заканчивая функциями AJAX-а. Этот плагин jQuery, который использует jqDock, может помочь вам в создании полного аналога панели виджетов как в ОС Leopard. Он удобным образом скрывает множество гаджетов или виджетов, для которых у вас не хватает места.

Этот плагин предоставляет возможность навигации по элементам на странице при помощи стрелок на клавиатуре.

Этот плагин предназначен для создания навигации типа вперед/назад и функции закладок на AJAX страницах.

Это мощный jQuery компонент для создания многоуровневого дерева меню или контекстного меню.

jQuery плагины для галерей и слайдшоу

Большой релиз полностью переписанного jQuery.popeye. Это плагин для галереи изображений, который был создан как альтернатива популярной Javascript lightbox.

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

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

Easy Slider 1.5 jQuery плагин имеет много функций, таких как автоматический слайд, продолжительный слайд, кнопки “переход к первому”, “переход к последнему”, скрытие контрольных кнопок, вертикальный слайд, множество слайдов на одной странице и т.д.

prettyPhoto jQuery плагин поддерживает не только изображения. Он также поддерживает видео файлы, Flash, YouTube и iFrame. Это полноценный медиа lightbox с полезными API, который может быть запущен с любого места, даже с USB накопителя.

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

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

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

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

jQuery Infinite Carousel является прокруточной каруселью, которая работает тем же образом как карусель на странице объявлений Apple Mac. Это руководство расскажет вам о всех свойствах данного эффекта и научит как его создать.

FancyBox являете инструментом для отображения изображений, HTML содержимого и мультимедиа. Создан с использованием jQuery библиотеки.

Этот jQuery плагин предназначен для внедрения Flash роликов. Страницы прогрессивно расширяются при использовании Flash и Javascript и, наоборот, при простом (X)HTML. Вдохновившись от SWFObject, UFO и sIFR но полностью созданный для jQuery, этот плагин не требует никаких других скриптов, что означает меньше излишеств, маленький размер файла и быстрая загрузка.

MopBox является перетаскиваемым контейнером, который может содержать изображения, Flash ролики, видео ролики и т.д. Если в нем содержится больше чем один элемент, то автоматически показывается навигация. Размер может быть изменен.

jQuery Media Plugin поддерживает конвертацию стандартного макета в медийное содержимое. Он может быть использован для внедрения почти любого медиа контента, включая Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF и т.д.

jQuery календари и плагины выбора даты

Этот jQuery плагин недельного календаря прост для внедрения в ваше приложение на базе jQuery-UI. Он основан на плагине общего календаря, использует те же названия событий и что самое главное, использует тот же формат для даты. Теперь оба плагина могут быть использованы на одном и том же сайте, работать с одним и тем же источником данных и похожим стилем программирования.

Transcendent jQuery Date Range Selector + Short Cuts скомплектован в удобный архив для скачивания и даже новичок сможет насладиться превосходными улучшения в стандартном плагине выбора даты.

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

jQuery плагины табуляции

tabSwitch является jQuery плагином для табуляции. При помощи этого плагина вы сможете создать систему табуляции с меньшим использованием кода. На данный момент вы можете выбрать из 7 разных эффектов с 2 стилями вывода.

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

jQuery UI — это библиотека jQuery, которая предоставляет возможность создавать взаимодействия, полнофункциональные виджеты и анимационные эффекты.

Другие полезные jQuery плагины

jQuery функция slidetoggle() прекрасна, но этот плагин поддерживает прозрачность в анимации слайдов. Это маленький плагин, но в нем собрано большое количество эффектов.

jQuery pageSlide был вдохновлен UI работой Аза Раскина (Aza Raskin), который представил идею слайдинга содержимого для отображения вторичного (под верхним слайдом) контента. Этот плагин позволяет веб-разработчикам создать похожую функцию на своих сайтах с использованием нескольких строк Javascript. Прикрепляя метод к якорю, pageSlide создает контейнер с оригинальным содержимым и добавляет дополнительный блок для загрузки вторичного содержимого. Слайд анимируется вызовом действия шелчком мыши.

s3Slider jQuery плагин показывает появление слоя. Он может находиться наверху страницы или внизу, на левой стороне или на правой или слой может появляться везде (на левой стороне, на правой стороне, внизу и наверху).

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

markItUp! не является полноценным редактором. Вместо этого он является достаточно легким, настраиваемым и гибким плагином для использования в CMS, блогах, форумах или сайтах. markItUp! не является визуальным редактором.

Другие ресурсы

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

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

jQuery плагин для парсинга URL и предоставления простого доступа к информации, такой информации, как protocol, host, port.

Браузеры не позволяют нам придавать стили формам загрузки файлов. File Style плагин исправляет эту проблему. Плагин позволяет нам использовать изображение для кнопки Обзор. Вы также можете придавать стиль к полю названия файла используя CSS. Плагин написан с использованием Javascript и jQuery.

_________
Текст подготовлен в ХабраРедакторе

Топ-40 полезных jQuery-плагинов 2020 Javascript

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

Эффекты блочного раскрытия

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

15 полезных .htaccess сниппета для сайта на WordPress

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

20 бесплатных тем для WordPress в стиле Material Design

Material Design — это набирающий обороты тренд от Google. В данной подборке собраны бесплатные темы для WordPress, выполненные в этом популярном стиле.

20 сайтов с креативным MouseOver эффектом

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

45+ бесплатных материалов для веб дизайнеров за август 2020

Под конец месяца предлагаем ознакомиться с набором бесплатных материалов для веб дизайнеров за прошедший месяц.

Бесплатка: PSD шабон Modus Versus

Вашему вниманию предлагаем PSD шаблон с множеством элементов.

Лучшие бесплатные JavaScript плагины на 2020 год

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

Мастер Йода рекомендует:  Формат и синтаксис Cookie

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

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

Например, Moon.js. Эта небольшая библиотека, чья минимальная версия весит всего 7 кБ, была создана специально для прототипов интерфейсов. Подобно Vue или React, у нее есть компонентная система, которая позволяет вам создавать пользовательские интерфейсы за короткий промежуток времени.

Moon.js

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

Tippy.js

Если вам нужно больше, чем просто крошечные подсказки, вы можете использовать всплывающие окна, где вы можете размещать специальные предложения или дополнительные данные. В этом случае Modaal должен быть вашим выбором. Это продуманная комбинация качества, гибкости и доступности. Он применим для любого типа контента, включая изображения, видео и галереи.

Modaal

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

Datedropper

Хотя он был создан в 2015 году, он приобрел много улучшений, что делает его жизнеспособной библиотекой jQuery для создания датапикеров.

JavaScript плагины помогут реализовать практически любой аспект интерфейса. Будь то банальная слайд-навигация, которую можно легко воссоздать с помощью Canvi или набора диаграмм, которые могут быть построены через фантастический Billboard.js или Markvis, который охватывает все необходимые инструменты для эффективной визуализации данных. Их сфера применения очень обширна.

Billboard.js

Markvis

Наши следующие JavaScript плагины: Fitty и MediumLightbox.

Fitty — это решение для соотношения текста в соответствии с указанным контейнером, тогда как MediumLightbox — это легкая альтернатива известному лайтбокс, который добавляет функции масштабирования изображениям, имитирующим плавные переходы на Medium.

Fitty

MediumLightbox

Рассмотрим одну из наиболее распространенных особенностей современных интерфейсов — липкие панели. Почти каждый другой сайт использует липкое позиционирование, чтобы предоставить посетителям дополнительный способ навигации: это может быть кнопка «Вверх» или главное меню. Если вам нужно что-то подобное в своем проекте, вы можете применить StickyBits или Sticky Sidebar.

StickyBits

Sticky Sidebar

Эти плагины JavaScript обеспечивают удобный способ создания липких компонентов. Первый вариант отлично подходит для создания липких заголовков, тогда как второй вариант — для липких боковых панелей.

Добавить немного анимации

Иногда только прагматичной части интерфейса недостаточно, современные веб-приложения требуют какого-то интересного фактора. Дизайн нуждается в том, что обогатит пользовательский опыт и сделает исследование проекта приятным. Первый и самый популярный выбор — это, конечно, микро-взаимодействия, которые улучшают работу пользователей с разных ракурсов. Здесь мы рекомендуем учитывать Micron и AnimatePlus. Микрон именно для таких вещей. Эта библиотека JavaScript включает в себя набор микро-взаимодействий, которые могут быть легко добавлены к элементам DOM с использованием специальных атрибутов.

Micron

AnimatePlus

Если вы просто хотите обогатить пользовательский интерфейс простой и привлекательной функцией, то вам следует попробовать Moving Letters, PixelWave и Blotter.js. Давайте рассмотрим каждый пример подробнее.

Это может звучать как тавтология, но Moving Letters — для перемещения букв. Это небольшая коллекция, созданная талантливым Тобиасом Ахлином, который разработал различные способы воплощения типографии в жизнь. Каждый эффект сопровождается фрагментом кода, который можно легко адаптировать к вашему проекту.

Moving Letters

Как и в предыдущем примере, Blotter.js также предназначен для создания неординарных текстовых эффектов.

Blotter.js

Pixelwave предназначен для ускорения переходов между страницами или слайдами с тонким геометрическим эффектом.

PixelWave

Предыдущие эффекты эстетичные, но они маленькие. Если вы ищете более экстравагантные и обширные способы произвести впечатление на посетителей, то вы можете присмотреться к Draggable и Pts.js.

Draggable — это легкая библиотека для добавления функциональности перетаскивания в ваш проект.

Draggable

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

Pts.js

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

Emergence.js

Лучшие бесплатные JavaScript плагины на 2020 год — резюме

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

Выбрана категория: jQuery

Библиотека jQuery является самым популярным инструментом JavaScript для фронтенд разработчиков. Очень редко можно встретить сайт, который не использует эту библиотеку. Практически на каждом сайте применяются различные jQuery плагины. Каждый день появляется что-то новое. И это новое мы собираем и предлагаем Вам.

camRoll Sl > 26.06.2020 weatherless jQuery

camRoll — jQuery плагин, который представляет собой приятного вида слайдер с высокой производительностью. Данный слайдер позволяет пользователю перемещаться между слайдами, при нажатии или касании элементов […]

VvvebJs — Drag & Drop конструктор сайтов


VvvebJs — это библиотека javascript, разработанная с помощью jQuery и Bootstrap 4. Особенности: Компоненты и блоки / фрагменты с drag and drop. Отмена / Повтор […]

FormSl > 05.06.2020 weatherless jQuery, Слайдер

FormSlider — плагин jQuery, который интегрирует модифицированный Flexslider с логическими страницами-слайдами, которые могут иметь функции и поведение, предоставляемые плагинами. Основная идея заключается в том, чтобы […]

Nicebord.js — Анимированные границы элементов с jQuery

Nicebord.js — это плагин jQuery для создания приятных анимационных границ на элементах сайта. С помощью данного инструмента вы без труда сможете сделать ваш сайт более […]

Timer Animation — Анимационный таймер на jQuery

jQuery Timer Animation — плагин jQuery для создания анимированного таймера. Для использования необходимо задать время в минутах и секундах. Узнать подробности и скачать бесплатно плагин […]

PrMenu — Адаптивное выпадающее мульти меню jQuery

PrMenu — легкий, адаптивный плагин меню для jQuery. Данный плагин предоставляет собой меню со ссылками, равномерно распределенными по всей ширине контейнера меню. Основные особенности плагина […]

js.device.selector — jQuery плагин для определения типа устройства

Плагин jQuery, которые определяет текущий тип устройства и тип отображения браузера, делая точки останова CSS доступными в JavaScript. Данное решение позволяет определять ваши точки останова […]

Geocomplete — Плагин jQuery для автозаполнения в Google Maps

Geocomplete — простой плагин автозаполнения для карт Google. Плагин является простым в использовании и полностью бесплатным. Скачать плагин jQuery можно по ссылкам.

viewRecorder — Плагин jQuery для записи активности пользователя

viewRecorder — это плагин Jquery, предназначенный для записи активности пользователя, во время посещения вашего веб-сайта. Данный jQuery плагин можно скачать бесплатно.

lem Youtube — Оболочка jQuery для YouTube API

lem Youtube — это jQuery-оболочка для YouTube API. Отличный бесплатный инструмент для реализации множества интересных идей связанных с видео и аудио. Скачать бесплатно плагин jQuery […]

Лучшие шаблоны

Искать

Информация

Категории

  • CSS3 (32)
  • JavaScript (152)
    • jQuery (42)
    • VueJS (19)
    • Анимация (28)
    • Изображения (12)
    • Подсказки (tooltips) (6)
    • Разное на JavaScript (30)
    • Слайдер (12)
    • Таблицы (5)
    • Формы (12)
  • WordPress (130)
    • Плагины WordPress (11)
    • Шаблоны WordPress (119)
      • Адаптивные (7)
      • Блог (33)
      • Интернет-магазины (18)
      • Корпоративные (25)
      • Креативные (7)
      • Лендинги (5)
      • Музыка (1)
      • Новости (4)
      • Портфолио (4)
  • Лучшие (13)
  • Новости (32)
    • IT новости (18)
    • WEB новости (13)
  • Статьи (14)
  • Шаблоны HTML5 (39)
    • IT сфера (3)
    • Интернет-магазины (7)
    • Корпоративные (19)
    • Креативные (9)
    • Специальные (1)

Новости

Статьи

О сайте

WEATHERLESS — это современный блог, который собирает в себе профессиональные инструменты для создания и улучшения web-сайтов. Основой ядра материалов являются шаблоны HTML5 & CSS3, плагины JavaScript, а также все, что касается популярных CMS — премиум WordPress и Joomla!

Особенностью данного блога является то, что здесь уделяется особое внимание премиум-приложениям. Мы ищем и рекомендуем платные плагины WordPress. Находим и предлагаем купить шаблоны Joomla.

Все бесплатные приложения расположены в соответствующих категориях.

Множество различных jQuery примеров , элементы CSS
и большое количество других инструментов для Вашего сайта !

Подборка самых популярных WordPress плагинов для любого сайта.

Здесь вы сможете скачать различные jQuery скрипты для любых проектов.

Бесплатно скачать CSS3 наработки с различными эффектами анимации.

Можно скачать файлы HTML5 с современными возможностями разработки.

Множество различных free PSD объектов для WEB-дизайна.

Колекция различных элементов form jQuery для вашего сайта.

Бесплатно скачать иконки для сайта в форматах PSD, PNG и так далее.

Коллекция всегда обновляющихся модальных окон на jQuery.

Разные примеры jQuery validate собраны в одном месте сайта.

Симпатичные варианты реализации ваших jQuery gallery.

Большой сборник широкоформатных и адаптивных jQuery slider`ов.

Ишите примеры реализации jQuery scroll? Это то, что вам нужно.

Красивые и динамичные всплывающие подсказки на jQuery и CSS3.

Интересные материалы на тему веб разработок, главные новости.

Подобрка плагинов Javascript, библиотек, фреймворков и т.д.

Коллекция потрясающих примеров анимации для вашего сайта.

Модернизация элементов форм, создание систем автозаполнения

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

Предзагрузчики, анимация загрузки, перлоадеры и т.д.

Компоненты, содержащие в себе реализацию параллакс-эффекта.

Создание вкладок, оформление списков в удобную навигацию.

Все, что касается таблиц с данными: фильтр, сортировка и т.д.

Наработки SVG-графики и наложение на нее анимации. Просто красиво.

Отрисовка элементов на веб-странице с помощью html5 canvas.

Примеры элементов, которые реагируют при наведении на них.

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

Кнопки. Создание красивы и незабываемых кнопок для сайта.

Все, что касается сортировки данных на странице. Плагины html5.

Выборка данных. Множество примеров jQuery select.

Различные способы создания красивого и эффектного меню для сайта.

Дерево элементов. Построение множественных списков на странице.

Примеры объектов в трехмерном пространстве с помощью CSS3 и jQuery.

Light Modal — Модальное окно на чистом CSS

Light Modal — это новый легкий, мощный и простой в использовании плагин в виде модального окна на CSS для контента и изображений.

Топ-40 полезных jQuery-плагинов 2013

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

    Сайтостроение от А до Я
  • Настрочить жалобу в спортлотоsmartZone
  • Распечатать

Похожие публикации

Топ-40 полезных jQuery-плагинов 2013

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

10 новых jQuery-плагинов для форм (август 2013)

Сегодня мы подготовили для вас свежую коллекцию jQuery-плагинов для работы с формами. Рубрика: javascript Источник: Сайтостроение от А до Я

Подборка новых js-библиотек и решений за последнюю неделю №1

В этой подборке: jQuery NailThumb jQuery Vector Maps Presenteer.js jQuery Canimate Plugin Physijs zipfilecompressor-plugins Ascenso Fixie.js jQuery Countdown Как написать jQuery-плагин правильно Прототипы javascript Ajax Side Panel jQuery NailThumb jQuery NailThumb — библиотека,

Использование плагина Selector-Query для создания адаптивного дизайна

В этой статье, будет рассмотрен jQuery-плагин Selector-Query и его использование в темах для WordPress. Рубрика: javascript Источник: Сайтостроение от А до Я

5 простых советов для более эффективного применения селекторов JQuery

Помните, что JQuery ориентирована в первую очередь на запросы. Ядро библиотеки позволяет находить элементы DOM, используя синтаксис CSS-селекторов, и запускать методы обработки данных Рубрика: javascript Источник: Сайтостроение от А до Я

Мастер Йода рекомендует:  Создаем тему WordPress на базе статического HTML Загружаем тему в WordPress

Лучшие jQuery плагины и JavaScript решения 2020 года

10 лет назад, когда jQuery только зарождалась, браузерная экосистема была очень разношерстной и каждый из существовавших тогда продуктов по своему боролся со сложностью управления DOM-элементами. Амбициозной задачей, которую поставили перед собой разработчики jQuery, была разработка универсального подхода к решению этих проблем и создание API, который бы одинаково хорошо работал в любой ситуации.

Насколько им это удалось судить вам, но спустя 10 лет своего существования, jQuery остается одной из самых популярных библиотек JavaScript.

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

Казалось бы, история развития jQuery движется к закату — зачем перегружать страницы и тратить лишние циклы процессора, если большинство задач можно решить стандартными средствами языка? С другой стороны, за такой долгий для компьютерной индустрии период разработано огромное количество решений, которые можно просто взять и использовать, здесь и сейчас.

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

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

multiscroll.js

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

jquery.email-autocomplete.js

Электронные адреса приходится вводить очень часто и, несмотря на то, что это всего лишь полтора десятка символов, часто возникает желание ускорить этот процесс. jquery.email-autocomplete.js имеет собственный список доменов популярных почтовых сервисов на основании которого он предлагает автодополнение адреса. Пользователь может принять эту подсказку, нажав клавишу Tab или стрелку вправо, или же продолжить вводить дальше вручную. Плагин хорошо работает и в мобильных версиях сайта. Однако, придется немного допилить плагин, чтобы он начал работать с отечественными почтовыми сервисами.

tinyDatePicker


В 5 кБ этого плагина втиснуты немаленькие возможности. Календари, планировщики, бронирование товаров и услуг — далеко не полный перечень, где можно использовать tinyDatePicker. Быстрый, легкий, масштабируемый — его можно легко интегрировать в Bootstrap или любой другой фреймворк.

Push.js

Кросс-браузерный плагин для отображения уведомлений на рабочем столе.

ReadRemaining.js

Многим из нас всегда катастрофически не хватает времени. Я всегда завидовал людям, которые умеют правильно им распоряжаться. Наверное, к таким относится автор плагина ReadRemaining.js. Кому же еще могла прийти в голову мысль вывести рядом с текстом информацию о том, сколько времени вам понадобится, чтобы прочитать его. И по мере прокрутки текста пересчитывать это время, основываясь на скорости чтения конкретного пользователя.

Весьма оригинальный плагин который, я думаю, понравится посетителям, если у вас много длинного текстового материала.

Tooltipster

Классическая всплывающая подсказка (tooltip) с большим набором функций и опций. Сам элемент может располагаться где угодно по отношению к родительскому элементу и содержать какие угодно элементы. Главное, не переборщить с его применением, используйте его только там где это действительно необходимо.

TableExport.js

Здесь все ясно из названия. Плагин позволяет просто и быстро конвертировать HTML-таблицу в файл Exel, CSV или обычный текстовый. Для работы требуется плагин FileSaver.js.

Addel

Несмотря на созвучное название, этот плагин не имеет никакого отношения к певице Адель. Его название происходит от английских слов ADd-DELete (добавить и удалить) и отражает его назначение — динамически добавлять или скрывать HTML-элементы, в первую очередь элементы форм. Управление гибкое и интуитивно понятное.

Chart.js

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

jQuery Flip-Quote

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

Sharetastic

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

Algolia Places

Быстрый поиск с автодополнением почтовых адресов, городов, маршрутов и всего, что связано с локациями по всему миру благодаря интеграции с базой данных OpenStreetMap. Очень полезный плагин для интернет-магазинов.

HideSeek

Простой, но функциональный плагин «живого» поиска. Умеет производить поиск, основываясь на различных критериях, выполнять определенные действия после нахождения искомых данных и многое другое.

Timedropper

Существует огромное количество удобных решений для ввода определенного момента времени. Однако Timedropper выделяется среди них простотой и легким управлением. Изменение часов и минут при помощи этого забавного язычка действительно удобно. Он имеет несколько параметров настройки, таких как: формат времени (12 или 24-часовой), цвет циферблата, теста, фона, а также возможность изменять показания часов и минут при помощи колесика мыши. Кстати, имеется аналогичный плагин для задания даты.

Choreographer-js

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

Leaflet.js

Занимая всего 33 кБ, эта библиотека предоставляет практически все функции, необходимые для работы с картами, в том числе и на мобильных устройствах.

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

CurrencyFormatter.js

Очень простенький и маленький скрипт, выполняющий отображение числовых значений в денежном формате. Добавляет точки, пробелы для разделения разрядов и символ валюты. Поддерживает 155 валют мира.

Своеобразный шаблон для проектирования интерфейсов в стиле Atomic Design.

Небольшой набор интересных и необычных элементов управления, построенных на jQuery.

Shave.js

Javascript, который аккуратно обрежет текст, не помещающийся в контейнер заданной высоты. Занимает всего 1,5 кБ и не требует сторонних библиотек.

jQuery Linechart

Библиотека для построения диаграмм различных видов и довольно большим количеством исходных данных. Написан на HTML/CSS/JS, однако есть версия и на базе Angular.js

Tabulator

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

baguetteBox.js

Написанный на чистом JavaScript lightbox с хорошей поддержкой мобильных устройств и управлением жестами.

Freewall

Невероятно красивый jQuery плагин для создания плиточного интерфейса в самых разных стилях: Windows Metro, Pinterest, обычном плоском или иерархическом, с перетаскиваемыми и динамически добавляемыми элементами. Отлично работает как на мобильных браузерах, так и на десктопных, включая IE8. Действительно универсальный инструмент!

rowGrid.js

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

Slidebars

Slidebars добавляет на страницу сайта меню или боковую панель, которые скользящим движением появляются или скрываются по нажатию курсором на управляющую кнопку. Версия 2 этого плагина была полностью переписана и теперь может содержать неограниченное количество самых разных элементов. Имеет полноценный API, возможность подключения собственных callback-функций и подписку на события.

pagePiling.js

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

Animsition

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

ZooMove

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

Rippleria

Легковесный плагин, создающий волновой эффект (похожий на рябь на поверхности воды) на любом DOM-элементе: кнопке, элементе DIV, картинке. Очень легко настраивается и управляется.

Flickity

Быстрый, адаптивный и управляемый жестами слайдер. Внешне — довольно обычный, но с невероятно тщательно написанной и структурированной документацией. Полноценный, и продуманный API.

Unslider

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

Lightcase.js

Выдающийся lightbox с CSS3 анимацией. Работает с DIV, изображениями, текстом, flash-объектами, video и iframe. Пока не поддерживает jQuery 3, но разработчики обещают исправить это в ближайших релизах.

PhotoSwipe

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

Strip

Strip — это lightbox, который занимает некоторую область страницы, оставляя саму страницу не только частично видимой, но и доступной для взаимодействия с ней. Кроме того может одновременно работать и как слайдер. К тому же, наряду с изображениями, поддерживает и видеоконтент с Youtube и Vimeo.

Turntable.js

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

Vide.js

Пожалуй, самый простой способ добавить фоновое видео на страницу сайта — это воспользоваться плагином Vide.js. Он работает на всех современных браузерах, начиная с IE9+. На iOS и Android, которые не всегда воспроизводят фоновое видео, будет показан стоп-кадр.

Trianglify

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

LazeeMenu

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

Web-ticker

Бегущая строка, похожая на те, которые часто можно увидеть на экране телевизора в выпусках новостей — последние события, биржевые котировки, погода… Да мало ли, что там можно разместить! Так, что если вам нравится такой способ подачи информации — возьмите Web-ticker на заметку.

Inputmask

User experience в действии. Вы помните те времена, когда приходилось заново вводить в форму данные из-за ошибки. Причем ошибка обнаруживалась только после ответа сервера. Забудьте об этом! Inputmask не просто контролирует и отображает визуально правильность вводимых данных, он еще и препятствует введению неправильных. Попробуйте, например, ввести 13-й месяц в поле даты. Маски могут быть самые разные — даты, телефоны, e-mail и даже регулярные выражения.

ScrollReveal

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

Marginotes

Всплывающие подсказки (tooltip), отображаемые на полях рядом с абзацем. Интересное и оригинальное решение. Если вы не любитель jQuery, то имеется версия, не требующая этой библиотеки.

Мастер Йода рекомендует:  Оптимизация кода для поисковых систем

Loud Links

Java-скрипт, который позволяет «озвучить» ваш сайт — добавить звуковые эффекты на различные события. Использует аудио-элемент HTML5 и способен воспроизводить MP3 и OGG файлы.

Bricks.js

Молниеносный, в смысле скорости работы, плагин для создания плиточной верстки фиксированной ширины.

MediumEditor

Маленький (28кБ) и легкий inline редактор для изменения атрибутов текста непосредственно на странице. Позволяет подключать дополнения и различные скины.

Philter

Philter предоставляет удобное и гибкое управление CSS-фильтрами при помощи HTML-атрибутов. Поставляется в виде плагина к jQuery или скрипта на чистом JavaScript.

SuperEmbed.js

Обнаруживает на странице встроенное видео и помещает его в адаптивный контейнер.

Substance

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

List.js

Позволяет сортировать, фильтровать и производить поиск по элементам списков, таблиц и другим элементам HTML

jqGifPreview

Создает стоп кадр анимированного GIF-файла, точно так же, как это сделано в FaceBook.

Datedropper.js

Симпатичный и удобный jQuery-плагин для быстрого указания даты.

jfMagnify

Плагин увеличительное стекло на базе jQuery. Способен увеличивать любой HTML-элемент, а не только изображение.

jQuery formBuilder

Быстрое и удобное создание форм — достаточно просто перетащить на форму требуемые элементы.

Popper.js

Несмотря на свой размер 4кБ эта библиотека-малютка создает эффектные и умные всплывающие подсказки (tooltip), которые могут быть расположены с любой стороны элемента, а также самостоятельно менять это положение в зависимости от расположения родительского элемента относительно границы страницы.

Image Blur Plugin

Легкий кросс-браузерный плагин jQuery для получения расфокусированного изображения.


InlineTweet.js

Превратить любой текст в Twitter-ссылку — дело одной секунды при помощи InlineTweet.js

iMissYou.js

iMissYou.js изменяет заголовок вкладки и favicon, когда пользователь переключается на другую вкладку.

SweetAlert2

Прекрасная замена стандартному окну, вызываемому функцией alert(). Имеет дополнительные параметры, которые делают его более наглядным и информативным.

Force.js

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

Bideo.js

Неплохая библиотека для добавления фонового видео на страницу вашего сайта.

Microlight.js

Небольшая, всего 2,2 кБ, библиотека для подсветки кода практически всех языков программирования. Указывать язык не нужно, библиотека сама определит его. Более этого, в одном блоке может быть даже несколько языков. Необычным является само выделение — вместо того, чтобы раскрашивать код как рождественскую елку выделение характерных элементов производится при помощи изменения начертания шрифта (полужирный, наклонный и т.п.)

flatpickr

Быстрый и функциональный элемент интерфейса для ввода даты, времени или и того и другого вместе.

anime.js

Гибкая и легкая библиотека различных анимационных эффектов, воздействующая на селекторы CSS, SVG, атрибуты DOM и другие JS-объекты.

Cleave.js

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

Skippr

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

Lightgallery.js

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

iziModal.js

Элегантная, гибкая и настраиваемая модальная форма, выполняющая разные функции — от замены классической alert(), до размещения в ней целых страниц и блоков .

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

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

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

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

  • Интуитивно понятные жесты – пользователь легко сможет управлять изображениями;
  • Использование акселерометра, чтобы перемещать изображения;
  • Возможно управление с клавиатуры;
  • Показывать картинки через хэш URL`а;
  • Можно группировать фотографии.

Использование плагина jQuery просмотр изображений:

Rusability

Галереи изображений и слайдеры – одни из самых популярных форматов jQuery. Благодаря им вы можете добавить на сайт необходимый объем визуального контента, экономя при этом ценное место.

Галереи и слайдеры делают страницу менее загруженной, но все же позволяют добавить все изображения, необходимые для передачи послания. Особенно полезны они будут для портфолио и интернет-магазинов.

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

Для их установки достаточно добавить выбранные плагины в раздел head HTML страницы вместе с библиотекой jQuery и настроить их согласно документации (всего пара строчек кода).

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

1. Bootstrap Slider

Bootstrap Slider – бесплатный, оптимизированный под мобильные устройства слайдер изображений с прокруткой прикосновением и смахиванием. Он будет потрясающе смотреться на любом экране и в любом браузере. Вы можете загрузить в слайдеры изображения, видео, текст, миниатюры и кнопки.

2. Product Preview Slider

Product Preview Slider воплощает в себе весь потенциал jQuery, он отлично встраивается в любой интерфейс. Также вас порадует качество и чистота кода этого плагина.

3. Expandable Image Gallery

Expandable Image Gallery – потрясающий плагин, который одним кликом мышки превращается в полноэкранную галерею. Его можно использовать для раздела “О нас” или для просмотра информации о товарах.

4. Fotorama

Fotorama – плагин отзывчивой галереи jQuery, который работает как для десктоп, так и для мобильных браузеров. Он предлагает множество опций навигации: миниатюры, прокрутку, кнопки “вперед” и “назад”, автоматический показ слайд-шоу и маркеры.

5. Immersive Slider

Immersive Slider позволяет создавать уникальный опыт просмотра слайдов, похожий на слайдер Google TV. Вы можете изменить фоновое изображение, которое будет размыто для сохранения фокуса на основных фото.

6. Leastjs

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

7. Sliding Panels Template

Этот плагин идеально подойдет для портфолио. Он создаст блоки изображений, располагающихся горизонтально (вертикально на небольших экранах), к которым будет привязан выбранный контент.

8. Squeezebox Portfolio Template

Squeezebox Portfolio Template предлагает motion-эффекты для портфолио. При наведении курсора на основное изображение (или блок) появляются привязанные элементы.

9. Shuffle Images

Shuffle Images – потрясающий отзывчивый плагин, который позволит вам создать галерею с меняющимися при наведении курсора изображениями.

10. Free jQuery Lightbox Plugin

Free jQuery Lightbox Plugin поможет вам показать одно или несколько изображений на одной странице. Также их можно будет увеличить и вернуть к исходному размеру.

11. PgwSlider – Responsive slider for jQuery

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

12. Scattered Polaroids Gallery

Scattered Polaroids Gallery – потрясающий слайдер, выполненный в плоском дизайне. Его элементы хаотично движутся при переключении изображений, что выглядит потрясающе.

13. Bouncy Content Filter

Bouncy Content Filter – идеальное решение для интернет-магазинов и портфолио. Этот плагин позволяет пользователям быстро переходить из одной категории в другую.

14. Simple jQuery Slider

Simple jQuery Slider оправдывает свое название. Этот плагин сочетает в себе элементы JavaScript, HTML5 и CSS3. В демо по умолчанию доступна только загрузка текста, но если внести несколько изменений, можно будет добавить и визуальный контент.

15. Glide JS

Glide JS – простой, быстрый и отзывчивый jQuery слайдер. Его легко настроить, к тому же плагин не займет много места.

16. Fullscreen drag-slider with parallax

Этот потрясающий jQuery слайдер с возможностью загрузки изображений и текста подойдет для любого сайта. Он порадует пользователей легким parallax эффектом и медленным появлением текста.

17. Sliiide

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

18. Zoom Slider

Это простая галерея с возможностью увеличивать изображения. Она отлично подойдет для интернет-магазинов.

19. Prism Effect Slider

Prism Effect Slider – отличный плагин для блогеров. Этот слайдер позволяет добавить логотип на каждое изображение, который меняется при прокрутке.

20. Responsive Parallax Drag-slider With Transparent Letters

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

Галереи и слайдеры – отличное решение для современных сайтов. Они позволяют экономить место на странице, улучшают юзабилити и опыт пользователей, а интересная анимация и эффекты сделают ваш проект запоминающимся.

40 CSS 3 и Jquery красивостей для сайта

1. CSS текстовый эффект

Плагин для реализации сменяющихся слов с различными анимированными эффектами. CSS эффект подойдет для реализации промо-сайтов и анимированных баннеров.

2. CSS3 вертикальные и горизонтальные вкладки (табы)

Реализация разбиения содержимого страницы на вкладки (табы) с использованием анимированных CSS3 эффектов. Четыре варианта исполнения: горизонтальные и вертикальные табы с различными анимированными эффектами.

3. Адаптивный jQuery слайдер на основе плагина IMPRESS.JS

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

4. jQuery CSS плагин «Responsive Horizontal Layout»

jQuery решение для создания удобной навигации по разделам документа без перезагрузки страницы. Каждый раздел отображается в отдельном блоке с вертикальной прокруткой, а переход между ними можно осуществить как с помощью клика мыши, так и воспользовавшись заглавием (при большом расширении экранов содержание заглавие отображается с левой стороны, при просмотре сайта на малом экране — сверху документа).

5. HTML5 CSS3 стильная форма авторизации и регистрации

Переключатель между формами авторизации и регистрации с проверкой заполнения полей. Для того, чтобы переключиться на форму регистрации на демонстрационной странице нажмите на ссылку «Join us» снизу формы

6. Плагин «Content Navigator» с применением CSS3

Реализация навигации по содержимому в виде Список категорий → Список разделов → Содержимое раздела. Навигация сопровождается различными JS эффектами.

7. CSS3 слайд-шоу с Parallax эффектом

Пролистывание слайдов осуществляется с Parallax эффектом (движение слоев с различной скоростью, в совокупности создают 3D эффект). Размер слайдера изменяется пропорционально изменению размера окна браузера.

8. Аудио слайд-шоу с использованием jQuery плагина jPlayer

Слайд-шоу с музыкальным сопровождением. Есть возможность ставить на паузу или проматывать музыкальную композицию.

9. Parallax эффект при прокручивании страницы с помощью jQuery и CSS

jQuery решение для реализации 3D эффекта при прокрутке страницы. Вы также можете подробнее почитать по-русски.

10. jQuery плагин для загрузки файлов на сервер «File Upload»

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

11. Своеобразное меню на jQuery и CSS

При выборе пункта меню область с его содержимым раскрывается поверх.

12. Горизонтальное анимированное jQuery меню

Выпадающее горизонтальное меню с интересным jQuery эффектом появления вложенных пунктов.

13. «TimeLine» плагин для хронологического отображения выполненных работ в портфолио

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

14. Галерея «TouchTouch», оптимизированная для просмотра с мобильных устройств

15. CSS3 слайдер изображений «Cycle Slider»

16. CSS галерея изображений в стиле аккордеон

При клике на название выезжает изображение с описанием. Используется только CSS3.
Урок по созданию галереи [in English].

17. Классные яркие всплывающие подсказки jQuery и CSS3

Всплывающие jQuery подсказки в 7 стилевых оформлениях. Легко подключить и использовать в своих проектах.

18. «jPages» галерея изображений с миниатюрами

Если изображений в галерее больше 5, то появляются стрелки влево/вправо для навигации по фотографиям.

Добавить комментарий