Главная > Библиотеки скриптов, Java-Скрипты > Полезные инструменты, библиотеки и плагины Javascript и jQuery

Полезные инструменты, библиотеки и плагины Javascript и jQuery


2 мая 2011, 16:30. Разместил: Mysterious Master
В нашей сегодняшней подборке вы найдёте полезные инструменты, библиотеки и плагины jQuery и javascript, на которые мы сами натыкались на протяжении последних дней. Надеемся, что вы отыщите нечто полезное и значимое для вас и ваших будущих проектов. В этой подборке также представлены удобные сервисы и он-лайн утилиты, недавно вышедшие библиотеки JS и jQuery-плагины.

Полезные библиотеки javascript

01. Respond.js: быстрые медиа-запросы CSS3 для Internet Explorer версий 6-8 и выше

Цель данного скрипта – предоставить быстрый и облегченный скрипт для организации интерактивных дизайнов в браузерах, не поддерживающих CSS3 Media Queries. Например, IE версии 8 и ниже.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

02. Blackbird: утилита авторизации с открытым кодом на javascript

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

Полезные инструменты, библиотеки и плагины Javascript и jQuery

03. Treesaver.js

Treesaver представляет собой javascript-платформу для создания шаблонов журнального типа при помощи HTML и CSS, отвечающих всем стандартам. Приложение абсолютно бесплатно и распространяется по лицензионному соглашению MIT или GPLv2.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

04. Bibliotype

Bibliotype – это очень простая библиотека, основанная на HTML, CSS и JS, которая позволяет вам быстро разрабатывать макеты типографики.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

05. Highcharts: интерактивные javascript-графики

Highcharts – это библиотека для создания графиков и диаграмм, разработанная на чистом коде javascript. Приложение предлагает вам простейший способ добавления интерактивных элементов в графики, размещённые на ваших веб-сайтах. В данный момент приложение поддерживает множество различных типов графиков и диаграмм.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

06. jStat: библиотека для ведения статистики

jStat – это библиотека для ведения статистики, написанная на javascript, которая позволяет вам производить расширенные операции по сбору данных без знания специальных языков (matlab или R).

Полезные инструменты, библиотеки и плагины Javascript и jQuery

07. highlight.js

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

Полезные инструменты, библиотеки и плагины Javascript и jQuery

08. Библиотека визуальных событий на javascript

События в javascript часто выглядят несколько загадочно. Это немного странно, учитывая, что javascript – это язык, управляемый событиями, но здесь, по-видимому, дело заключается в сложной природе языка и сложностях при исправлении ошибок. По этой причине автор и создал Visual Event для того, чтобы отслеживать события, подписанные на DOM, было проще.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

09. Underscore.js

Underscore – это библиотека для javascript, которая предоставляет нам множество программных функциональных поддержек, которые вы, вероятно, знаете по Prototype.js (или Ruby), но без расширения встроенных javasctipt объектов.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

10. Popcorn.js

Popcorn.js – это библиотека HTML5 для интеграции веб в видео-ролики.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

11. SlickGrid!

SlickGrid – это сеточный javascript-компонент.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

12. javascript InfoVis Toolkit

javascript InfoVis Toolkit предлагает инструменты для создания интерактивных визуализаций в веб.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

13. Handlebars.js: создание шаблонов на «стероидах»

Handlebars предлагает решения, необходимые для создания семантических шаблонов. Возможно, вам будет интересно ознакомиться со статьёй от ThinkVitamin о начале работы с Handlebars.js.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

14. Backbone.js

Backbone поддерживает структуру сложных javascript-приложений посредством предоставления моделей с ключевыми значениями и событиями, коллекциями с богатым АПИ и множеством функций. Все имеющиеся данные приложения соединяются посредством интерфейса RESTful JSON.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

15. SidJS: загрузка javascript и css по требованию

SidJS – это облегченная js-библиотека, используемая для загрузки javascript и css только по запросу. Это повышает производительность приложений на AJAX путём загрузки ресурсов только тогда, когда они потребуются.

16. OpenFaces

OpenFaces – это бесплатная библиотека JSF-компонентов, основанных на AJAX. AJAX-платформа и платформа валидации со стороны клиента. OpenFaces основывается на наборе JSF-компонентов, изначально известных как QuipuKit. Он включает полностью обновлённую базу кода QuipuKit и предлагает много новых компонентов и функций.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

17. d3.js

D3 позволяет вам программировать произвольные данные на Document Object Model (DOM), а также далее применять трансформации документов.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

18. Tempo: движок рендера на JSON

Tempo – это малюсенький движок рендера на JSON, который позволяет вам создавать шаблоны данных на чистом HTML-коде. Движок не только облегчает процесс работы с ajax-контентом, но также предлагает четкое разделение концептом. Другими словами, никакого HTML-кода в ваших файлах javascript!

Полезные инструменты, библиотеки и плагины Javascript и jQuery

19. Art Deco: текст с возможностью выделения

Подтверждение существования концепта раздельной типографики, основанной на Арт Деко стиле от Пьера Фикс-Массью (Pierre Fix-Masseau). Здесь суть заключалась в том, чтобы добиться того, чтобы «раздельные буквы» стали частью шаблона веб-страницы, хотя и сохраняли легкость в прочтении.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

20. Используем Less.js для упрощения кода CSS3

LESS – это отличная маленькая утилита, которая дополняет ваш CSS-код дополнительными переменными, операциями и правилами.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

21. PhantomJS: безумные причуды WebKit с помощью АПИ javascript

PhantomJS – это безумие для браузеров семейства WebKit, реализованное посредством АПИ javascript. Здесь есть шустрая и родная поддержка различных веб-стандартов: управление DOM, селектор CSS, JSON, Canvas и даже SVG.

Инструменты и полезные утилиты javascript

01. TestSwarm: продолжительное или отдельное тестирование javascript

TestSwarm – это проект от Mozilla Labs с открытым кодом (разработанный Джоном Ресигом), направленный на упрощение сложного и требующего временных затрат процесса тестирования javascript-кода, который совместим со всеми браузерами. Он предлагает вам последовательные или отдельные режимы тестирования, которые могут быть произведены по принципу «запустил и забыл».

Полезные инструменты, библиотеки и плагины Javascript и jQuery

02. Minimee

В сети крайне важна скорость. Но когда речь заходит о CSS или javascript, то размеру тоже придаётся не последнее значение. Путем автоматической минимизации и комбинации файлов, Minimee без усердия превратит ваши документы в упорядоченные и оптимизированные файлы. Minimee является аддоном для ExpressionEngine.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

03. Doctor JS

Doctor JS представляет собой аналитический инструмент для кода javascript. Инструмент тестирует ваш код на семантику и корректность написания. Возможно вам также захочется взглянуть на JSLint.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

04. JSConsole от Реми Шарпа (Remy Sharp)

javascript- (или CoffeeScript-) веб-консоль, удобная и полезная для проведения небольших экспериментов, исправления ошибок, создания презентаций (для кодирования в режиме реального времени) и так далее. Приложение также доступно как часть для iOS в магазине iTunes.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

05. Библиотека javascript Boilerplate

Зачем проходить сложный и утомительный путь создания замыкания и метода .noConflict, если всё, что вам нужно сделать, это создать собственную библиотеку javascript? С помощью библиотеки javascript Boilerplate вы без труда сможете быстро разработать свою собственную библиотеку!

Полезные инструменты, библиотеки и плагины Javascript и jQuery

06. jsdoc-toolkit

JsDoc Toolkit – это приложение написанное на javascript, предназначенное для автоматической генерации многостраничной шаблонной (XML, JSON и так далее) HTML-документации из откомментированного исходного кода на javascript.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

07. Jasmine: BDD для вашего javascript

Jasmine представляет собой среду разработки для тестирования вашего кода javascript. Она не зависит от других платформ javascript. Здесь нет нужды в установке DOM, а тесты могут быть с легкостью написаны с соблюдением опрятного и доступного синтаксиса.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

08. ObfuscateJS: компрессор javascript

На данный момент компрессор удаляет пробелы и комментарии. Он также изменяет имена переменный на укороченные версии. К тому же, здесь есть расширенная опция изменения имён всех переменных с определенным префиксом.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

09. Он-лайн «украшатель» кода javascript

Данный «украшатель» переформатирует все закладки и букмарклеты, непонятный и сложный код javascript, распакует все скрипты, упакованные архиватором от Дина Эдварда (Dean Edward), а также распутает скрипты, обработанные посредством javascriptobfuscator.com.

10. PEG.js

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

Полезные инструменты, библиотеки и плагины Javascript и jQuery

11. JSONView

JSONView – это расширение для Firefox, которое помогает вам просматривать JSON-документы в браузере.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

12. jsPerf: площадка тестовой работы javascript

jsPerf нацелена на предоставление лёгкого пути создания и обмена тестовыми приложения, сравнения производительности различных javascript-сниппетов.

13. JSonduit

JSonduit – это сервис, который может практически всё преобразовать в рассылку JSON, которую будут поддерживать почти все веб-сайты и мобильные приложения.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

14. jsplumb

jsPlumb предоставляет возможность разработчикам соединять элементы на веб-странице примерно по тому принципу, который вы можете наблюдать на Yahoo Pipes. Он использует Canvas в современных браузерах, а также скрипт ExplorerCanvas от Google для старых версий браузеров. Текущая версия (1.2.5) может быть использована с jQuery, MooTools и YUI3.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

15. Helma

Helma – это среда разработки javascript и веб-приложений для серверной стороны для быстрого и эффективного скриптинга и создания веб-сайтов и интернет-приложений.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

16. Отчёты HTML + JSON

Формат для он-лайн HTML5- JSON-отчётов для просмотра JSON-данных в понятном человеку виде.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

17. JSON Editor

Данный редактор позволяет вам без труда редактировать строки кода json. После загрузки примера из выпадающего меню, кликните «build tree» («создать дерево»), кликните на узлы (nodes) и приступайте к редактированию.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

18. JSCSSP: CSS-парсер на javascript

JSCSSP представляет собой CSS-парсер, написанный на кросс-браузерном коде javascript. Он парсит строки, содержащие CSS-стили и на выходе даёт CSS Object Model (внимание: не CSS Object Model). В выходном файле могут быть представлены некоторые комментарии, правила стилей и так далее, которые ваш браузер может не распознать, а также некоторый мусор, вполне даже пробелы.

Плагины jQuery

01. sausage.js

Sausage – это виджет интерфейса jQuery для контекстуального постраничного вывода. Он дополняет длинные страницы постраничным выводом информации с индикацией текущего местонахождения.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

02. jQuery Waypoints

Waypoints – это маленький jQuery-плагин, который упрощает процедуру выполнения функции, когда бы вы ни прокрутили страницу к элементу.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

03. Pietimer: jQuery-плагин

Pietimer внедряет canvas-элемент в страницу, добавляя обратный таймер в виде исчезающего круга.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

04. ImageLens: плагин jQuery для эффекта увеличения по типу лупы

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

Полезные инструменты, библиотеки и плагины Javascript и jQuery

05. Timeglider: jQuery-плагин/виджет

Timeglider – это масштабируемая временная шкала. Элемент отлично подойдёт историческим проектам, для планирования проектов, либо для любых других задач, где требуется отображение временной шкалы.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

06. 960 Grid на jQuery-Mobile

Порт сеточной системы 960 для использования приложения посредством jQuery mobile. Приложение направлено на увеличение гибкости шаблонов jQuery-Mobile, что значительно упрощает их использование на планшетных устройствах. Код доступен на Github под лицензионным соглашение MIT.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

07. jQuery-плагин diagonalFade

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

Полезные инструменты, библиотеки и плагины Javascript и jQuery

08. Wijmo: виджеты пользовательского интерфейса jQuery

Wijmo – это полный набор из более 30 виджетов пользовательского интерфейса: от интерактивных меню до богатых графиков. Если вы знакомы с jQuery, то будьте уверенны, что вы знакомы с Wijmo. Каждый виджет дополнен документацией и поддержкой, к тому же, у вас есть возможность приобрести премиум-шаблоны.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

09. Lettering.js: jQuery-плагин для радикальной веб-типографики

CSS не может предложить полный контроль над каждым символом. Данный плагин предоставит вам возможность редактировать дизайн, управлять кодом, а также взять в свои руки полный контроль – это лишь малость из описания того, что вам предоставляет lettering.js.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

10. jslide

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

Полезные инструменты, библиотеки и плагины Javascript и jQuery

11. Isotope: jquery-плагин для волшебных шаблонов

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

Полезные инструменты, библиотеки и плагины Javascript и jQuery

12. Лучшие чек-боксы на jQuery и CSS

В данной обучающей статье авторы будут создавать замены стандартным чек-боксам в Internet Explorer посредством плагина jQuery.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

13. Галерея навигации по миниатюрам изображений на jQuery

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

Полезные инструменты, библиотеки и плагины Javascript и jQuery

14. jQuery Quicktag

Quicktag – это плагин расставки тэгов для javascript-библиотеки jQuery.

15. DataTables (плагин таблиц на jQuery)

DataTables – это плагин для javascript-библиотеки jQuery. Очень гибкий инструмент, который добавит расширенные возможности взаимодействия с любой таблицей HTML.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

16. Ввод тэгов на jQuery

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

Полезные инструменты, библиотеки и плагины Javascript и jQuery

17. jquery.timepickr.js

jQuery-библиотека, расширяющая возможности формы выбора даты и предоставляющая более удобный метод выбора.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

Напоследок

01. javascript Commodore Emulator

Данный эмулятор создан для подтверждения контента и использует элемент HTML5 Canvas для генерации шаблона экрана Commodore 64.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

02. BreakDOM

Переделка на всемирно известную классическую игру – Breakout. Эта игрушка наверняка затянет вас на долгое время.

Полезные инструменты, библиотеки и плагины Javascript и jQuery

Вернуться назад