Bibliotecas HTML5 de JavaScript

Question

Estoy buscando bibliotecas de JavaScript que ayuden con el desarrollo de HTML5.

Solo publique una biblioteca por respuesta y no olvide describirla.

Answer 1

Modernizr es la mejor manera de detectar qué funciones HTML5 admite un navegador.

Answer 2

"Processing.js es un lenguaje de programación abierto para las personas que desean programar imágenes, animaciones e interacciones para la web sin usar aplicaciones Flash o Java. Processing.js usa Javascript para dibujar formas y manipular imágenes en el elemento Canvas de HTML5. El código es liviano, fácil de aprender y una herramienta ideal para visualizar datos, crear interfaces de usuario y desarrollar juegos basados ​​en la web ".

Answer 3

Raphaël - El objetivo de Raphaël es proporcionar un adaptador que haga que el dibujo vectorial sea compatible entre navegadores y fácil.

Answer 4

Mientras que más de una biblioteca de JavaScript HTML5 Boilerplate parece realmente útil.

"HTML5 Boilerplate es la plantilla base de HTML/CSS/JS de badass profesional para un sitio rápido, robusto y resistente al futuro".

Answer 5

El único que he encontrado es html5widgets.

Hubiera supuesto que existían varias bibliotecas competidoras para esto.

Pero sí implementa la mayor parte de la nueva forma de HTML 5 bondad, que es lo que me importa ...

Answer 6

ExplorerCanvas - Los navegadores modernos como Firefox, Safari, Chrome y Opera apoyar la etiqueta canvas de HTML5 para permitir 2D dibujo basado en comandos. ExplorerCanvas brinda la misma funcionalidad a Internet Explorer. Para usar, los desarrolladores web solo necesitan incluir una sola etiqueta de script en sus páginas web existentes.

Answer 7

Echa un vistazo a RGraph.

Disponible en http://www.rgraph.net/

Conjunto completo de gráficos para HTML5.

gratuito para uso no comercial, de lo contrario es de 49 libras (Inglés)

Answer 8

html5sql es una luz JavaScript módulo que hace que trabajar con la base de datos Web HTML5 sea mucho más fácil. Su función principal es proporcionar una estructura para el procesamiento secuencial de instrucciones SQL dentro de una sola transacción.

Answer 9

Voy a publicar sobre Easel.js y es sibils hoho. Son del mismo desarrollador GSkinner Publiqué todas las bibliotecas relacionadas debido a esto. Acabo de usar Easel un poco, pero los otros parecen prometedores. Puedo publicar la URL y su descripción:

Easel.js

El nuevo elemento Canvas en HTML5 es poderosa, pero puede ser difícil trabajar con ellos. No tiene un concepto interno de elementos de visualización discretos, por lo que debe administrar las actualizaciones manualmente.La biblioteca Easel Javascript proporciona un modo gráfico retenido para lienzo que incluye una lista de visualización jerárquica completa, un modelo de interacción central y clases de ayuda para facilitar el trabajo con Canvas.

Soporta TweenJS

TweenJS proporciona una API extremadamente simple para crear animaciones complejas secuenciados en Javascript. Incluye soporte básico (experimental) para trabajar con hojas de estilo.

también apoya SoundJS

audio en formato HTML es prometedor, pero puede ser bastante difícil de trabajar. Cada navegador tiene un enfoque similar pero diferente, que requiere una gran cantidad de conjeturas y pruebas, y casos extremos, que pueden sumar mucho tiempo. La biblioteca JavaScript de SoundJS proporciona una API simple y algunas características potentes para hacer que trabajar con audio sea muy fácil.

Y Zoë

Zoë (de Zoetrope) es una aplicación de código abierto para OSX o Windows que proporciona una manera fácil de exportar animaciones Flash como hojas de sprites para su uso con EaselJS y HTML5. Simplemente arrastre un archivo SWF a la aplicación. Escaneará la línea de tiempo principal para encontrar etiquetas y dimensiones de cuadros. Puede modificar los límites del marco, editar la configuración y luego exportar una imagen de hoja de sprite y un código EaselJS que define una instancia de SpriteSheet con datos de marco basados ​​en las etiquetas de la línea de tiempo. Los SWF deben tener toda la animación en la línea de tiempo principal, con etiquetas de marco para indicar el inicio de las animaciones. Los gráficos anidados están bien.

yo no los he utilizado, pero parece bastante interesante =)

Answer 10

utilizo Perkins HTML5+CSS3 framework "Él" se describe de la siguiente manera:

Soy un marco pensado para hacer la vida de diseñadores y desarrolladores un poco más fácil. Uso los últimos estándares web, también conocidos como HTML5 y CSS3. Para aprovechar más y permitir que no se repita, estoy basado en LESS.js, lo que significa que puede olvidar algunos de los prefijos propietarios del navegador. Además, llevo varios estilos básicos preinstalados, mixins, helpers, texturas transparentes y un conjunto de iconos impulsados ​​por @ font-face. Si HTML es su pasión, puedo ayudarlo a hacer wireframes rápidamente usando la cuadrícula dinámica, basada en la malla CSS de 1kb de Tyler Tate que ya está incluida y puede configurarse en el archivo perkins.config.less, así como en muchas otras opciones.

Answer 11

CreateJS es una buena colección de la biblioteca HTML5.

http://www.createjs.com

Answer 12

RoCanvas.js

Crea mesa de dibujo interactivo que permite a los usuarios dibujar en su sitio (puede ser útil para los avatares, o mucho mejor para los proyectos colaborativos, aprendizaje, etc.