Desarrollando en HTML5 CSS3 y JS (herramientas)

Como ya les he comentado la combinación HTML5 + CSS3 + JS nos sirve para que nuestros sitios web sean más amigables y dinámicos, pero ¿a qué costo de aprendizaje? … Bueno pues no mucho, si estás acostumbrado al HTM4 no tendrás inconveniente y existen muchísimas herramientas que te facilitan la labor, he aquí algunas que amarás:

 1.- ¡Las que he probado y recomiendo!

Esta consiste en un conjunto de archivos (librería) para crear gráficos interactivos, solo tienes que descargarla, copiar y pegar dentro del servidor y codificar en JS. Si te sientes experto puedes solamente mirar los ejemplos del sitio y sino, con que los copies y pegues y vayas experimentando. Es verdaderamente muy fácil, el sitio tiene muchos ejemplos y demos para que lo compruebes.

Tablas de datos es un plug-in para la biblioteca jQuery Javascript, igual que el anterior trae varios ejemplos de código y demos además de documentación bastante completa. Súper fácil y no tienes que andar implementando la paginación o filtros ya que las tablas resultan tan completas para no recurrir a otro código. Otra cosa, en el sitio hay una sección para elegir los colores de botones y demás en la tabla y te genera el código CSS en automático, ¿no está genial? . Un inconveniente es que como carga todos los datos, y ya no vuelve a recurrir a la base de datos (no actualiza en automático), resulta un poco lento si son muchos datos.

jQuery es una librería JavaScript muy eficiente, tiene funciones que te facilitan la vida y puedes descargar estilos tanto para Web como para móvil. Aplica manipulación, manejo de eventos, animación y Ajax mucho más simple.

 Y son ¡GRATIS!

 2.- Las que muero por probar

Lo genial de esta herramienta es que permite formas vectoriales y ¡permite animarlas! Además permite exportar videos como HTML5 de manera automática, pruébenla y me dicen qué tal.

Esta también funciona para animaciones usando fotogramas (como flash) y  permite agregar acciones manualmente o en automático. Permite también exportaciones a HTML5, CSS3 y JS con soporte para audio, video y 3D.

Fue creado para acelerar todos los aspectos de la ejecución de HTML5, es algo así como el dreamweaver (pero mejor), ofrece un agradable entorno de ejecución. Además proporciona un 2D más potente e implementación de WebGL que permite despliegue de aplicaciones nativas en iOS y Android.

Popcorn.js permite grabar vídeo, audio y otros de una página web. Utiliza las propiedades nativas HTMLMediaElement, métodos y eventos, los normaliza en un fácil de aprender la API, y proporciona un sistema de plug-in.

Editor animatron sirve para diseñar y publicar películas, banners, e infografías que juegan en todas partes, desde los navegadores de escritorio a los dispositivos móviles. Sin codificación necesaria… (¡Suena divertido!)

3.- Las que parecen interesantes

KineticJS es un marco HTML5 Canvas-JavaScript que permite animaciones de alto rendimiento, el sitio web se ve bastante completo.

Modernizr es una librería JavaScript que detecta la disponibilidad de implementaciones nativas para tecnologías web de última generación, es decir, las funciones que se derivan de las especificaciones de HTML5 y CSS3. Puede servir para que nuestro sitio siempre esté disponible en su mejor versión de acuerdo al navegador.

Es una interfaz de edición Web para los Sistemas de Gestión de Contenidos, yo la probé en línea y se ve muy útil. Se ha diseñado para proporcionar un entorno de HTML5 moderna y completamente basada en navegador para la gestión de contenidos, deberían probarla.

Raphaël es una librería JavaScript que simplifica el uso de gráficos vectoriales en la web. Si deseas crear tu propio gráfico o imagen y rotar tu currículum, por ejemplo, se puede lograr simplemente y fácilmente con esta biblioteca.

Flux es una aplicación de diseño Web HTML5 avanzado, capaz de crear sitios a partir de cero. Flux no es una solución basada en plantilla, es un entorno de diseño creativo. Flux tiene soporte completo para HTML y CSS, incluyendo mapas de imagen, gradientes CSS, fuentes personalizadas, y casi todo lo demás.

Para terminar les dejo algunas aplicaciones que pueden ayudarles en su trabajo:

 https://moqups.com/

Moqups es una ingeniosa HTML5 App utiliza para crear wireframes, maquetas o conceptos de interfaz de usuario, los prototipos dependiendo de cómo le gusta llamarlos.

 https://popcorn.webmaker.org/

Popcorn Maker te ayuda a fusionar imágenes, audio y vídeo web y crear remezclas espectaculares que se pueden insertar en otros sitios web.

 Y un extra que me parece interesante.

 http://html5please.com/

Permite saber si las características de HTML5, CSS3, etc. están listas para su uso.

 http://www.lookar.net/

Framework de Realidad Aumentada para Android. (Se lee cool, ¿no?)

 Si las prueban me dicen, para saber si vale intentar probar. ¡Suerte!

Deja un comentario

A %d blogueros les gusta esto: