Библиотеки JavaScript HTML5

Я ищу библиотеки javascript, которые помогают в разработке HTML5.

Пожалуйста, публикуйте только одну библиотеку за каждый ответ и не забывайте ее описывать.

Ответ 1

Modernizr - лучший способ определить, какие функции HTML5 поддерживает браузер.

Ответ 2

" Process.js - это открытый язык программирования для людей, которые хотят программировать изображения, анимацию и взаимодействия для Интернета без использования Flash или Java-апплеты. Process.js использует Javascript для рисования фигур и управления изображениями на элементе Canvas HTML5. Коротко легкий, простой в освоении и идеальный инструмент для визуализации данных, создания пользовательских интерфейсов и разработки веб-игр."

Ответ 3

Raphaël - Цель Raphaëls - предоставить адаптер, который сделает рисование векторного искусства совместимым с кросс-браузером и простым.

Ответ 4

Я расскажу про Easel.js и это sibils hoho. Они из одного и того же разработчика GSkinner Из-за этого я публикую все связанные библиотеки. Я просто использовал Easel немного, но другие выглядят многообещающими. Я размещаю URL-адрес и их описание:

Easel.js

Новый элемент Canvas в HTML5 является мощным, но с ним может быть сложно работать. Он не имеет внутренней концепции дискретных элементов отображения, поэтому вам необходимо управлять обновлениями вручную. Библиотека Easel Javascript предоставляет сохраненный графический режим для холста, включая полный, иерархический список отображения, модель взаимодействия с моделями и вспомогательные классы, чтобы упростить работу с Canvas.

Он поддерживает TweenJS

TweenJS предоставляет чрезвычайно простой API для создания сложных секвенсированных анимаций в Javascript. Он включает базовую (экспериментальную) поддержку для работы со списками стилей.

Также поддерживает SoundJS

Аудио в HTML многообещающе, но с ним может быть довольно сложно работать. У каждого браузера есть похожий, но отличный подход, который требует много догадок и тестов, а также краевые случаи, которые могут составлять много времени. Библиотека SoundJS JavaScript предоставляет простой API и некоторые мощные функции, которые облегчают работу с аудио.

И Zoë

Zoë (из Zoetrope) - это приложение с открытым исходным кодом для OSX или Windows, которое обеспечивает простой способ экспорта флеш-анимаций в виде списков спрайтов для использования с EaselJS и HTML5. Просто перетащите SWF файл в приложение. Он сканирует основную шкалу времени, чтобы найти метки и размеры рам. Вы можете настроить рамки фрейма, отредактировать настройки, затем экспортировать изображение листа спрайтов и код EaselJS, определяющий экземпляр SpriteSheet с данными фрейма на основе ярлыков временной шкалы. SWF должны иметь всю анимацию на основной временной шкале, с метками фрейма, чтобы указать начало анимации. Вложенная графика прекрасна.

Я не использовал их всех, но выглядел довольно интересно =)

Ответ 5

html5sql - это легкий модуль JavaScript, который упрощает работу с веб-базой HTML5. Его основная функция - предоставить структуру для последовательной обработки операторов SQL в рамках одной транзакции.

Ответ 6

Единственное, что я нашел, это html5widgets.

Я бы предположил, что там есть несколько конкурирующих библиотек.

Но он реализует большую часть новой добротности html 5, и это то, о чем я забочусь...

Ответ 7

Проверьте RGraph.

Доступно http://www.rgraph.net/

Полный набор графиков для html5.

Бесплатно для некоммерческого использования, иначе это 49 фунтов (на английском)

Ответ 8

Я использую Perkins HTML5 + CSS3 framework "Он" описывает себя следующим образом:

Я считаю, что Framework делает жизнь дизайнеров и разработчиков немного проще. Я использую последние веб-стандарты, также известные как HTML5 и CSS3. Чтобы получить больше преимуществ и позволить вам не повторять себя, я основанный в LESS.js, что означает, что вы можете забыть некоторые из проприетарных префиксов браузера. Кроме того, я переношу несколько предустановленных базовых стилей, миксинов, помощников, прозрачных текстур и набор значков с именем @font-face. Если HTML - ваша страсть, я могу помочь вам быстро сделать wireframes с помощью динамической сетки, основанной на Tyler Tate 1kb CSS Grid, которая уже включена и может быть настроена в файле perkins.config.less, а также во многих других вариантах.

Ответ 10

В то время как более чем javascript-библиотека HTML5 Boilerplate выглядит действительно полезной.

"HTML5 Boilerplate - это профессиональный шаблон базы HTML/CSS/JS для базы данных для быстрого, надежного и перспективного сайта".

Ответ 11

ExplorerCanvas - Современные браузеры, такие как Firefox, Safari, Chrome и Opera, поддерживают тэг canvas HTML5, позволяющий рисовать 2D-команду. ExplorerCanvas предоставляет те же функции Internet Explorer. Для использования веб-разработчикам необходимо включить только один тег script в существующие веб-страницы.

Ответ 12

RoCanvas.js

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