40 полезных JavaScript-библиотек

by 7. May 2009 07:13

1. Формы

wForms
wForms - ненавязчивая библиотека с открытым исходным кодом, которая упрощает часто используемые операции JavaScript работы с формами. Предоставляет функции проверки. Кроме этого имеет возможности синхронизации, такие как "Выбрать все"/"Отменить выбор" и другие.

wForms

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

Validanguage

LiveValidation
LiveValidation - легковесная библиотека, обеспечивающая вас набором функций проверки. Кроме классических методов валидации библиотека содержит мощную особенность проверки, которая контролирует поля во время набора на клавиатуре. Разработчики Ruby on Rails находят компонент очень легким, так как соглашения о наименованиях и параметры очень схожи.

LiveValidation

yav
Мощная, наращиваемая и гибкая библиотека валидации форм поддерживает множество сценариев от простых (дата, e-mail и целые) до сложных (masking и регулярные выражения). Имеет встроенную поддержку AJAX, а отображение ошибок может быть легко настроено на уровне объектов.

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

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

formreform

2. Анимация

$fx()
$fx() - легковесная библиотека для анимации HTML-объектов. Используя ее, вы можете менять любое свойство CSS по заданной временной шкале. Для сложной анимации вы можете комбинировать эффекты, группировать и запускать их параллельно.

$fx() JavaScript Animation Library

JSTweener
Твининговая библиотека для JavaScript. Ее API схожая с известной библиотекой ActionScript Tweener. Вы можете ссылаться на время анимации, определять эффект изменения и пауз. Почти в каждой точке (начало, конец, обновление) вы можете генерировать новые события.

JSTweener

Facebook Animation
Мощная библиотека для создания настраиваемой CSS-анимации. Синтаксис схож с идентичным в FBJS-версии (библиотеке, используемой в приложениях Facebook).

FX
Легковесная библиотека с YUI-подобным синтаксисом. FX может создать изменение для почти любого свойства CSS. Поддерживает анимацию цвета и прокрутки. Достаточно сделать дизайн "от"- и "до"-значений для любого объекта/свойства.

3. Визуализация и эффекты картинок

JS charts
Поддерживает линейные графики, круговые диаграммы. Просто вставьте библиотеку на веб-страницу и получите данные из XML-файла или JavaScript-массива. Чарты создаются как PNG-файлы, а библиотека совместима со всеми популярными браузерами.

JS Charts

Canvas 3D JS Library (C3DL)
C3DL упрощает написание 3d-приложений. Определяет набор классов для математики, сцен и 3d-объектов, чтобы сделать библиотеку доступной для разработчиков, планирующих создавать 3d-контент в браузерах.

C3DL

Processing.js
JavaScript-посредник к Processing language (язык для программирования изображений, анимации и взаимодействий). Библиотека богата методами создания 2D.

Processing.js

Raphaël
Библиотека для работы с векторной графикой через Web. Raphaël использует SVG и VML для создания графики, которая может быть изменена, а также обработчики событий которые могут быть добавлены к ним. Содержит методы поворота, анимации, увеличения и отрисовки кривых, прямоугольников и окружностей.

Raphael: Vectors With JavaScript

ImageFX
Библиотека JavaScript для добавления эффектов к изображениям, таких как затенение, изменение резкости, "выдавливание", осветление и др. Совместима со всеми популярными браузерами.

Imagefx

Pixastic
Pixastic использует HTML5 canvas-элемент, который дает доступ к пиксельным данным. Поддерживаемые эффекты включают выдавливание и инвертирование, транспонирование и изменение контраста.

Reflection.js
Библиотека для создания эффекта отражения. Высота и прозрачность могут быть определены разработчиком.

Reflection.js

4. Базы данных

Taffy DB
Библиотека JavaScript, которую можно воспринимать как SQL БД в браузере или продвинутый менеджер массива. Работает как уровень БД внутри AJAX-приложений. Вы можете создавать, получать, редактировать и удалять данные, сортировать их.

ActiveRecord.js
Библиотека поддерживает Google Gears и Chrome, Aptana Jaxer, Adobe AIR, а также любую платформу, которая поддерживает спецификацию W3C HTML5 SQL (Webkit и iPhone). Упрощает работу с базами данных в JavaScript. Используя ActiveRecord.js, вы можете авто-создавать таблицы, проверять и синхронизировать их.

ActiveRecord.js

5. Строковые и математические функции

Date.js
Работа с датами вызывает сложности. Много точек, слешей и форматов. Date.js содержит функции для работы с датами. Может распознавать даты в формате: "Next thursday", "+2 years" и все форматы вида 2009.01.08, 12/6/2001 и др.

Datejs

Sylvester
Библиотека JavaScript для легкого выполнения векторных операций и операций с матрицами. Содержит классы для моделирования векторов и матриц с любым числом измерений, а также для моделирования бесконечного числа линий в пространстве 3d.

Sylvester

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

Pretty Date

XRegExp
Регулярные выражения можно использовать в JavaScript, используя RegEx-объект. XRegExp добавляет мощь к RegExp при помощи новшеств, которые войдут в браузеры нового поколения (согласно планам ECMAScript 4 - ES4). Используя библиотеку, объекты RegEx можно запоминать и впоследствии использовать.

JavaScript URL Library
Библиотека для легкой обработки URL. Возможно обращение к любой части URL как к строке и изменение ее.

6. Шрифты

typeface.js
Библиотека для использования любого шрифта на веб-сайте. Не требует Flash, как другие и 100% JavaScript-решение. Для использования шрифта, его нужно выгрузить на Web-генератор и скачать полученный JavaScript-файл.

Typeface.js

Cufón
Похож на typeface.js. Конвертирует шрифт в VML при помощи генератора. После вставки сгенерированного .js-файла на страницу, можно использовать шрифт как любой другой.

7. Отладка и протоколирование

Blackbird
Для отладки JavaScript часто используют вызов Alert(). Blackbird предлагает стильную консоль для протокола, просмотра и фильтра сообщений в JavaScript.

Blackbird

NitobiBug
Утилита для кросс-браузерного протоколирования и отслеживания JavaScript-объектов.

NitobiBug

Firebug Lite
Firebug работает только с Firefox - один из лучших инструментов отладки.

Firebug Lite

8. Другие

swfobject
swfobject - наиболее популярный метод вставки Flash-роликов. Позволяет определять версии Flash, выводит альтернативное содержимое, если версия Flash не подходит.

swfobject

sorttable и dragtable
Таблицы, нравится это или нет, один из лучших способов представлять данные. Но они могут быть лучше. Sorttable - библиотека, делающая табличные данные сортируемыми как по возрастанию, так и по убыванию. Нужно просто добавить class="sortable" к таблице. Можно убрать определенные колонки из сортировки или определить их характер по умолчанию. dragtable - другая библиотека, позволяющая пользователю перемещать столбцы. Нужно просто добавить class="dragtable" к таблице. Чтобы использовать 2 библиотеки вместе нужно добавить класс class="sortable dragtable" к таблице.

DD_roundies and DD_belatedPNG
DD_roundies - отличное JavaScript-решение для создания округленных углов без картинок. Нацелена на IE и поддерживает его через VML. Другие браузеры игнорируются, так как поддерживают свойство CSS border-radius.

JavaScript Rounded Corners
DD_belatedPNG - исправляет проблему IE6 PNG. Если PNG используется как "src" или "background-image" DD_belatedPNG может исправить его. Свойства "background-position" и "background-repeat" работают также.

Custom JavaScript Dialog Boxes
Легкая библиотека (около 4.5 Кбайт) для создания настраиваемых диалоговых окон. Можно выводить 4 вида: предостережение, предупреждение, информацию и сообщение. Можно определить заголовок окна, содержимое и время отображения.

Custom Dialog Boxes

GameJS
GameJS - JavaScript-версия Microsoft’s XNA Game Framework, использующая "canvas" для отрисовки. JavaScript - не лучшее решение для создания игр и подходит для игр с минимальным показателем FPS. Библиотека содержит классы для контроля за объектами, отрисовки и работы с клавиатурой.

GameJS

Shortcuts.js
Начиная с Google Reader и Gmail клавиши быстрого вызова стали популярными. Shorcuts.js предоставляет функции для легкой обработки клавиш быстрого вызова.

Mapstraction
Существует несколько провайдеров картографической информации, которые используют разные API. Mapstraction позволяет быстро заменить провайдера (например, с GoogleMaps на Map Quest) без изменения кода. Поддерживает общий API, охватывающий большинство популярных провайдеров.

Mapstraction

Amberjack
Небольшая JavaScript-библиотека (около 4 KB), помогающая добавить туры на веб-сайт. При активации модальный диалог показывает пользователю любой контент.

Amberjack

JsLoad
JsLoad - это API, позволяющая импортировать огромные библиотеки JavaScript с сервера Google.

Tags: ,

Asp.Net | Internet

Comments (2) -

Igorus
Igorus
5/7/2009 8:34:13 AM #

класс серега
молодца где выкопал признаваяйся ???

1c:enterprise
1c:enterprise
5/8/2009 4:10:30 AM #

По работе приходится просматривать множество источников. Лучшие переводы - выкладываем на ричмедиа.

Add comment

  Country flag

biuquote
  • Comment
  • Preview
Loading

Richmedia.us

Добро пожаловать на сайт Richmedia.us

1 2 3 4 5 6 7 8

RecentComments

Comment RSS