—»     —»   5 ежедневных jQuery-плагинов для разработчиков
  Раздел: Скрипты и коды   Нет комментариев  

5 ежедневных jQuery-плагинов для разработчиков



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

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

5 ежедневных jQuery-плагинов для разработчиков

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

$(document).ready(function(){
$.imageloader({
urls: ['images/0.jpg', 'images/1.jpg', 'images/2.jpg', 'images/3.jpg'],
onComplete: function(images){
// when load is complete
},
onUpdate: function(ratio, image){
// ratio: the current ratio that has been loaded
// image: the URL to the image that was just loaded
},
onerror: function(err){
// err: error message if images couldn't be loaded
}
});
});

Imageloader.js распространяется бесплатно под лицензионным соглашением MIT.

Jtwt.js – отображение твитов на любом сайте посредством JSON

5 ежедневных jQuery-плагинов для разработчиков

Jtwt.js позволяет отображать твиты любого пользователя на вашем сайте при помощи JSON API от Twitter. Сопутствующий css-файл отвечает за привлекательный внешний вид виджета, который вы всегда можете настроить по собственному вкусу. Сам запрос не так уж и сложен:

<script type="text/javascript">
$(window).load(function() {
$(' #twitter ').jtwt({
username : 'yourusername'
});
});
</script>

Определение отображения виджета производится при помощи класса twitter:

<div id="twitter"></div>

Jtwt.js можно использовать как в личных, так и в коммерческих проектах (CC BY 3.0).

jQuery.notific8 – всплывающие оповещения, созданные под вдохновением от Windows 8

5 ежедневных jQuery-плагинов для разработчиков

Will Steinmetz очень оценил дизайн оповещений в Windows 8, и поэтому решил воссоздать примерно такой же дизайн при помощи jQuery-плагина. Должны признаться, у него получилось вполне неплохо. Демо-сайт данного проекта позволяет вам просмотреть все доступные опции и шаблоны. Сам архив хранится на Github. Notific8 основывается на шаблонах дизайна, которые довольно просто создавать самому. Таким образом, вы можете быть уверены, что сможете использовать дизайн, подходящий вашему сайту.

$.notific8('My notification with all options.', {
life: 5000,
heading: 'Notification Heading',
theme: 'amethyst',
sticky: true,
horizontalEdge: 'bottom',
verticalEdge: 'left',
zindex: 1500
});

Notific8 распространяется под лицензионным соглашением BSD, и вы можете использовать его абсолютно бесплатно.

jui_dropdown – Dropdown Menus для кнопок со множеством готовых дизайнов

5 ежедневных jQuery-плагинов для разработчиков

jui-dropdown от Christos Pontikis требует от вас как jQuery, так и jQuery UI, при этом предоставляя вам совместимость с шаблонами jQuery UI. Juidropdown предлагает вам всего лишь стильную кнопку, которая позволяет открывать выпадающее меню при клике. Нажатие на кнопку предоставит вам нужный ID, который можно использовать в коде. Juidropdown распространяется под лицензионным соглашением MIT, и вы можете использовать этот плагин бесплатно в собственных проектах.

jQuery-menu-aim – навигация по мега-выпадающим спискам

У выпадающих списков есть один существенный минус – когда вы уводите курсор мыши с наложения, меню тут же закрывается, и это может немного раздражать, когда меню состоит из нескольких отделов и подразделов, и где-то на последнем уровне она внезапно закрывается. Зачастую разработчики устраняют эту проблему при помощи задержек и тайм-аутов. jquery-menu-aim предлагает другой подход. Вместо тайм-аутов и задержек, плагин пытается распознать движение мыши. Когда пользователь курсором мыши приближается к меню, оно открывается и остается открытым.

5 ежедневных jQuery-плагинов для разработчиков

Ben Kamens разработал этот плагин для Khan Academy, где подобный концепт используется ежедневно. Вдохновился он на создание сайтом Amazon.com. jQuery-menu-aim можно использовать бесплатно, так как плагин распространяется под лицензионным соглашением MIT.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: jQuery
Опубликовал Design FactoRy   Прочитано (раз): 7816   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Матрас в москве
Выберите качественный матрас и купите по низкой цене в интернет-магазине
mebel-murom.ru
Ремонт панели приборов Volvo S60
Портал мастеров ремонта и отделки. Журнал о ремонте и дизайне
приборная-панель.рф
Купить корейскую косметику
Все интернет-магазины корейской косметики Missha на одном портале
shopme365.com
Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
252627282930