Главная > Библиотеки скриптов, Java-Скрипты > Полезные инструменты, библиотеки и плагины Javascript и jQuery
Полезные инструменты, библиотеки и плагины Javascript и jQuery2 мая 2011, 16:30. Разместил: Mysterious Master |
В нашей сегодняшней подборке вы найдёте полезные инструменты, библиотеки и плагины jQuery и javascript, на которые мы сами натыкались на протяжении последних дней. Надеемся, что вы отыщите нечто полезное и значимое для вас и ваших будущих проектов. В этой подборке также представлены удобные сервисы и он-лайн утилиты, недавно вышедшие библиотеки JS и jQuery-плагины. Полезные библиотеки javascript 01. Respond.js: быстрые медиа-запросы CSS3 для Internet Explorer версий 6-8 и выше Цель данного скрипта – предоставить быстрый и облегченный скрипт для организации интерактивных дизайнов в браузерах, не поддерживающих CSS3 Media Queries. Например, IE версии 8 и ниже. 02. Blackbird: утилита авторизации с открытым кодом на javascript Blackbird предлагает вам простейшее решение по организации лог-сообщений с помощью javascript, а также привлекательную консоль для их отображения и фильтрации. 03. Treesaver.js Treesaver представляет собой javascript-платформу для создания шаблонов журнального типа при помощи HTML и CSS, отвечающих всем стандартам. Приложение абсолютно бесплатно и распространяется по лицензионному соглашению MIT или GPLv2. 04. Bibliotype Bibliotype – это очень простая библиотека, основанная на HTML, CSS и JS, которая позволяет вам быстро разрабатывать макеты типографики. 05. Highcharts: интерактивные javascript-графики Highcharts – это библиотека для создания графиков и диаграмм, разработанная на чистом коде javascript. Приложение предлагает вам простейший способ добавления интерактивных элементов в графики, размещённые на ваших веб-сайтах. В данный момент приложение поддерживает множество различных типов графиков и диаграмм. 06. jStat: библиотека для ведения статистики jStat – это библиотека для ведения статистики, написанная на javascript, которая позволяет вам производить расширенные операции по сбору данных без знания специальных языков (matlab или R). 07. highlight.js Highlight.js выделяет нужный код для отображения примера в блогах, форумах и так далее. Скрипт работает автоматически, поэтому здесь нет ничего сложного: он определяет блоки с кодом, определяет язык программирования и тут же подсвечивает код. 08. Библиотека визуальных событий на javascript События в javascript часто выглядят несколько загадочно. Это немного странно, учитывая, что javascript – это язык, управляемый событиями, но здесь, по-видимому, дело заключается в сложной природе языка и сложностях при исправлении ошибок. По этой причине автор и создал Visual Event для того, чтобы отслеживать события, подписанные на DOM, было проще. 09. Underscore.js Underscore – это библиотека для javascript, которая предоставляет нам множество программных функциональных поддержек, которые вы, вероятно, знаете по Prototype.js (или Ruby), но без расширения встроенных javasctipt объектов. 10. Popcorn.js Popcorn.js – это библиотека HTML5 для интеграции веб в видео-ролики. 11. SlickGrid! SlickGrid – это сеточный javascript-компонент. 12. javascript InfoVis Toolkit javascript InfoVis Toolkit предлагает инструменты для создания интерактивных визуализаций в веб. 13. Handlebars.js: создание шаблонов на «стероидах» Handlebars предлагает решения, необходимые для создания семантических шаблонов. Возможно, вам будет интересно ознакомиться со статьёй от ThinkVitamin о начале работы с Handlebars.js. 14. Backbone.js Backbone поддерживает структуру сложных javascript-приложений посредством предоставления моделей с ключевыми значениями и событиями, коллекциями с богатым АПИ и множеством функций. Все имеющиеся данные приложения соединяются посредством интерфейса RESTful JSON. 15. SidJS: загрузка javascript и css по требованию SidJS – это облегченная js-библиотека, используемая для загрузки javascript и css только по запросу. Это повышает производительность приложений на AJAX путём загрузки ресурсов только тогда, когда они потребуются. 16. OpenFaces OpenFaces – это бесплатная библиотека JSF-компонентов, основанных на AJAX. AJAX-платформа и платформа валидации со стороны клиента. OpenFaces основывается на наборе JSF-компонентов, изначально известных как QuipuKit. Он включает полностью обновлённую базу кода QuipuKit и предлагает много новых компонентов и функций. 17. d3.js D3 позволяет вам программировать произвольные данные на Document Object Model (DOM), а также далее применять трансформации документов. 18. Tempo: движок рендера на JSON Tempo – это малюсенький движок рендера на JSON, который позволяет вам создавать шаблоны данных на чистом HTML-коде. Движок не только облегчает процесс работы с ajax-контентом, но также предлагает четкое разделение концептом. Другими словами, никакого HTML-кода в ваших файлах javascript! 19. Art Deco: текст с возможностью выделения Подтверждение существования концепта раздельной типографики, основанной на Арт Деко стиле от Пьера Фикс-Массью (Pierre Fix-Masseau). Здесь суть заключалась в том, чтобы добиться того, чтобы «раздельные буквы» стали частью шаблона веб-страницы, хотя и сохраняли легкость в прочтении. 20. Используем Less.js для упрощения кода CSS3 LESS – это отличная маленькая утилита, которая дополняет ваш CSS-код дополнительными переменными, операциями и правилами. 21. PhantomJS: безумные причуды WebKit с помощью АПИ javascript PhantomJS – это безумие для браузеров семейства WebKit, реализованное посредством АПИ javascript. Здесь есть шустрая и родная поддержка различных веб-стандартов: управление DOM, селектор CSS, JSON, Canvas и даже SVG. Инструменты и полезные утилиты javascript 01. TestSwarm: продолжительное или отдельное тестирование javascript TestSwarm – это проект от Mozilla Labs с открытым кодом (разработанный Джоном Ресигом), направленный на упрощение сложного и требующего временных затрат процесса тестирования javascript-кода, который совместим со всеми браузерами. Он предлагает вам последовательные или отдельные режимы тестирования, которые могут быть произведены по принципу «запустил и забыл». 02. Minimee В сети крайне важна скорость. Но когда речь заходит о CSS или javascript, то размеру тоже придаётся не последнее значение. Путем автоматической минимизации и комбинации файлов, Minimee без усердия превратит ваши документы в упорядоченные и оптимизированные файлы. Minimee является аддоном для ExpressionEngine. 03. Doctor JS Doctor JS представляет собой аналитический инструмент для кода javascript. Инструмент тестирует ваш код на семантику и корректность написания. Возможно вам также захочется взглянуть на JSLint. 04. JSConsole от Реми Шарпа (Remy Sharp) javascript- (или CoffeeScript-) веб-консоль, удобная и полезная для проведения небольших экспериментов, исправления ошибок, создания презентаций (для кодирования в режиме реального времени) и так далее. Приложение также доступно как часть для iOS в магазине iTunes. 05. Библиотека javascript Boilerplate Зачем проходить сложный и утомительный путь создания замыкания и метода .noConflict, если всё, что вам нужно сделать, это создать собственную библиотеку javascript? С помощью библиотеки javascript Boilerplate вы без труда сможете быстро разработать свою собственную библиотеку! 06. jsdoc-toolkit JsDoc Toolkit – это приложение написанное на javascript, предназначенное для автоматической генерации многостраничной шаблонной (XML, JSON и так далее) HTML-документации из откомментированного исходного кода на javascript. 07. Jasmine: BDD для вашего javascript Jasmine представляет собой среду разработки для тестирования вашего кода javascript. Она не зависит от других платформ javascript. Здесь нет нужды в установке DOM, а тесты могут быть с легкостью написаны с соблюдением опрятного и доступного синтаксиса. 08. ObfuscateJS: компрессор javascript На данный момент компрессор удаляет пробелы и комментарии. Он также изменяет имена переменный на укороченные версии. К тому же, здесь есть расширенная опция изменения имён всех переменных с определенным префиксом. 09. Он-лайн «украшатель» кода javascript Данный «украшатель» переформатирует все закладки и букмарклеты, непонятный и сложный код javascript, распакует все скрипты, упакованные архиватором от Дина Эдварда (Dean Edward), а также распутает скрипты, обработанные посредством javascriptobfuscator.com. 10. PEG.js PEG.js – это генератор парсеров для javascript, основанный на грамматической формуле разрешения парсера. Он позволяет вам без труда создавать быстрые парсеры, которые смогут обрабатывать сложную информацию или компьютерные языки. Вы можете использовать его как прикладной инструмент при написании различных обработчиков данных, трансформеров, переводчиков или компиляторов. 11. JSONView JSONView – это расширение для Firefox, которое помогает вам просматривать JSON-документы в браузере. 12. jsPerf: площадка тестовой работы javascript jsPerf нацелена на предоставление лёгкого пути создания и обмена тестовыми приложения, сравнения производительности различных javascript-сниппетов. 13. JSonduit JSonduit – это сервис, который может практически всё преобразовать в рассылку JSON, которую будут поддерживать почти все веб-сайты и мобильные приложения. 14. jsplumb jsPlumb предоставляет возможность разработчикам соединять элементы на веб-странице примерно по тому принципу, который вы можете наблюдать на Yahoo Pipes. Он использует Canvas в современных браузерах, а также скрипт ExplorerCanvas от Google для старых версий браузеров. Текущая версия (1.2.5) может быть использована с jQuery, MooTools и YUI3. 15. Helma Helma – это среда разработки javascript и веб-приложений для серверной стороны для быстрого и эффективного скриптинга и создания веб-сайтов и интернет-приложений. 16. Отчёты HTML + JSON Формат для он-лайн HTML5- JSON-отчётов для просмотра JSON-данных в понятном человеку виде. 17. JSON Editor Данный редактор позволяет вам без труда редактировать строки кода json. После загрузки примера из выпадающего меню, кликните «build tree» («создать дерево»), кликните на узлы (nodes) и приступайте к редактированию. 18. JSCSSP: CSS-парсер на javascript JSCSSP представляет собой CSS-парсер, написанный на кросс-браузерном коде javascript. Он парсит строки, содержащие CSS-стили и на выходе даёт CSS Object Model (внимание: не CSS Object Model). В выходном файле могут быть представлены некоторые комментарии, правила стилей и так далее, которые ваш браузер может не распознать, а также некоторый мусор, вполне даже пробелы. Плагины jQuery 01. sausage.js Sausage – это виджет интерфейса jQuery для контекстуального постраничного вывода. Он дополняет длинные страницы постраничным выводом информации с индикацией текущего местонахождения. 02. jQuery Waypoints Waypoints – это маленький jQuery-плагин, который упрощает процедуру выполнения функции, когда бы вы ни прокрутили страницу к элементу. 03. Pietimer: jQuery-плагин Pietimer внедряет canvas-элемент в страницу, добавляя обратный таймер в виде исчезающего круга. 04. ImageLens: плагин jQuery для эффекта увеличения по типу лупы Вы можете использовать этот плагин jQuery для добавления к изображению эффекта увеличения лупой. 05. Timeglider: jQuery-плагин/виджет Timeglider – это масштабируемая временная шкала. Элемент отлично подойдёт историческим проектам, для планирования проектов, либо для любых других задач, где требуется отображение временной шкалы. 06. 960 Grid на jQuery-Mobile Порт сеточной системы 960 для использования приложения посредством jQuery mobile. Приложение направлено на увеличение гибкости шаблонов jQuery-Mobile, что значительно упрощает их использование на планшетных устройствах. Код доступен на Github под лицензионным соглашение MIT. 07. jQuery-плагин diagonalFade Плагин jQuery, позволяющий вам без труда указывать направление, затухание и появление различных элементов. 08. Wijmo: виджеты пользовательского интерфейса jQuery Wijmo – это полный набор из более 30 виджетов пользовательского интерфейса: от интерактивных меню до богатых графиков. Если вы знакомы с jQuery, то будьте уверенны, что вы знакомы с Wijmo. Каждый виджет дополнен документацией и поддержкой, к тому же, у вас есть возможность приобрести премиум-шаблоны. 09. Lettering.js: jQuery-плагин для радикальной веб-типографики CSS не может предложить полный контроль над каждым символом. Данный плагин предоставит вам возможность редактировать дизайн, управлять кодом, а также взять в свои руки полный контроль – это лишь малость из описания того, что вам предоставляет lettering.js. 10. jslide Jslide – это плагин jQuery для создания простых слайд-шоу из элементов списка, содержащие в себе как картинки, так и другой контент. 11. Isotope: jquery-плагин для волшебных шаблонов Изящный плагин jQuery для создания волшебных шаблонов. Плагин активирует фильтрацию, сортировку и динамические шаблоны. Возможности Isotore предусмотрены специально для всеобщего использования. Вы самостоятельно сможете фильтровать, сортировать, изменять режимы шаблоны, добавлять пункты, а Isotope сам будет обрабатывать это всё. 12. Лучшие чек-боксы на jQuery и CSS В данной обучающей статье авторы будут создавать замены стандартным чек-боксам в Internet Explorer посредством плагина jQuery. 13. Галерея навигации по миниатюрам изображений на jQuery В данной статье авторы будут создавать необычную галерею с прокручивающимися миниатюрами изображений, которые будут выезжать из навигационного меню. Здесь будет использовано JQuery и некоторые параметры CSS3 для стилизации. 14. jQuery Quicktag Quicktag – это плагин расставки тэгов для javascript-библиотеки jQuery. 15. DataTables (плагин таблиц на jQuery) DataTables – это плагин для javascript-библиотеки jQuery. Очень гибкий инструмент, который добавит расширенные возможности взаимодействия с любой таблицей HTML. 16. Ввод тэгов на jQuery Данный плагин преобразует скучный тэг-лист в волшебное поле ввода, где каждому тэгу будет присвоена кнопка удаления тэга. Плагин управляет всей информацией, а вы лишь видите поле ввода тэгов. 17. jquery.timepickr.js jQuery-библиотека, расширяющая возможности формы выбора даты и предоставляющая более удобный метод выбора. Напоследок 01. javascript Commodore Emulator Данный эмулятор создан для подтверждения контента и использует элемент HTML5 Canvas для генерации шаблона экрана Commodore 64. 02. BreakDOM Переделка на всемирно известную классическую игру – Breakout. Эта игрушка наверняка затянет вас на долгое время. Вернуться назад |