22 декабря 2015
9 января 2012
22
Подборка небольших и полезных библиотек JavaScript
Итак, сегодня у нас небольшая подборка полезных (на мой взгляд) JS скриптов и плагинов, которые могут вам пригодится при работе. Мне, например, уже пригодились несколько раз.
В статье мы рассмотрим следующие скрипты: смена favicon.ico (уведомления а-ля Gmail), конвертер валют, обработчик изменений hash документа, скрипты для форматирования дат, чисел и денежных величин, скрипт для фильтрации, сортировки и поиска по элементам списка, скрипт для автоматической подстановки вендорных префиксов в CSS, генератор шумовых фонов и кое-что еще.
Notificon
Данные скрипт позволяет менять иконку favicon.ico браузера, как, например, это сделано в Gmail. Работает в браузерах Google Chrome 6+, Firefox 2+ и Opera.
Money.js
jQuery плагин для удобной конвертации валют. Скрипт использует Open Source Exchange Rates API, который в свою очередь использует Google Calculator API («закрытое» API для продуктов Google), обновляя курсы валют каждый час.
URI.js
Библиотека для работы с адресами. Позволяет как создавать урлы, так и получать из них нужные параметры.
jQuery hashchange event plugin
Плагин позволяет отслеживать изменения hash адреса документа (ту его часть, что идет после #). В некоторых браузер для этого есть специальное событие window.onhashchange, но для тех, в которых такой поддержки нет, отследить изменение hash можно только проверяя адрес с определенным интервалом.
Данный плагин реализует этот функционал для всех браузеров. Может пригодится при AJAX навигации или при работает с документами на разных доменах для передачи параметров через hash.
Pretty Date
Небольшой скрипт для приведения дат из формата «2008-01-28T20:24:17Z» в более человеческие, например, «сегодня», «два дня назад» и так далее.
ListJS
Скрипт на чистом JavaScript, позволяющий сортировать и фильтровать содержимое HTML списков.
Accounting.js
Небольшой скрипт, позволяющий форматировать числа и денежные величины.
Prefix Free
Это скрипт избавляет вас от необходимости писать одно и то же CSS свойство, но с разными префиксами. Например, вместо того, чтобы писать border-radius с префиксами -webkit, -moz и -o-, можно написать просто border-radius и подключить данный скрипт, который при необходимости добавить префиксы за вас.
Работает в браузерах IE9+, Firefox 3.5+, Opera 10+, Safari 4+ и Chrome.
Kibo
Небольшая удобная JavaScript библиотека для работы с клавиатурными событиями. Крайне полезна, рекомендую.
Noise Generator
Мой скрипт, позволяющий создавать шум на DOM элементах, залитых цветом. То есть если вам нужен серый фон body с небольшим шумом, не спешите лезть в Photoshop, используйте следующий скрипт.
На счёт вашего скрипта (а мне нередко нужен шумовой фон):
1. Что-то с кодировкой на странице или это у меня что-то с браузером? Внутри кода кодировка комментариев сбита. В общем-то и так понятно, какая строка что делает, но комментарии всё-таки не просто так пишутся =)
2. А зачем в проверке наличия контекста тройное отрицание?
2. двойное отрицание сводит значение к boolen, а еще один знак ! делает противоположное утверждение.
Но jQuery Noise умеет хранить результат в Local Storage.
var canvas = document.createElement('canvas');
if (!canvas.getContext) return false;
во первых, зачем создавать элемент два раза, во вторых, в вашем варианте canvas - глобальная переменная
вам творческих узбеков =)
Добавил себе в закладки