KineticJS: librería para el manejo de Canvas

Canvas de HTML5 es una de las funcionalidades más interesantes que un desarrollador dispone para crear aplicaciones avanzadas para la Web.

Este elemento canvas puede ser accedido a través de Javascript, permitiendo generar gráficos 2D, juegos, animaciones y composición de imágenes.

En este sentido KineticJS es una libreria de JavaScript que extiende el contexto 2D para Canvas, permitiendonos dibujar formas o imágenes con la API existente, añadir detectores de eventos, moverlos, escalarlos, y girar de forma independiente de otras formas o imágenes.

Si quieres aprender a sacar el máximo partido de HTML5 Canvas con esta libreria JavaScript con licencia MIT (software libre) dispones de completa documentación, guía de uso, ejemplos, plugins (en los foros del recurso) y descarga de la última versión de KineticJS (v3.8.3) desde www.kineticjs.com.

fuente.desarrolloweb

Como crea gráficos de datos al estilo Google Analytics

Morris.js es una herramienta open source que de forma sencilla nos permite crear gráficos de datos al estilo Google Analytics.

Bajo licencia BSD (software libre) esta librería JavaScript de fácil manejo y usabilidad con la que crear graficos interactivos se encuentra todavía en una fase inicial de desarrollo.

Morris.js que requiere jQuery 1.7 o superior y Raphaël 2.0 o superior, soporta los principales navegadores web (Internet Explorer, Safari, Chrome y Firefox).

Interesados en acceder a guía de uso, ejemplos y descarga de la última versión de Morris.js pueden hacerlo desde oesmith.github.com/morris.js.

fuente.desarrolloweb

Cutter.js, cortando lo necesario con javascript

A veces necesitamos mostrar una versión más reducida de un texto o de un contenido para que se ajuste a nuestro diseño de la forma que esperamos (del mismo modo que con un enlace “seguir leyendo” para contenido truncado).

Cutter.js es una clase de JavaScript que nos permite lograr esto en el lado del cliente y sin tener que perder el marcado. La clase reduce el contenido en el número de palabras solicitadas y si es necesario pone un enlace para abrir el contenido completo de nuevo.

Cutter.js es un recurso independiente, ligero (1,5 kb comprimido con gzip) y disponible para todo interesado gracias a su licencia MIT, que es soportado por los principales navegadores web (IE, FF, Chrome, Safari, Opera).

Interesados en acceder a más información, ejemplos y descarga de Cutter.js pueden hacerlo desdehttp://tcorral.github.com/Cutter.js/

fuente.desarrolloweb

Microjs: Micro-Frameworks de Javascript

Pese a la importancia que hoy en día tienen el uso de frameworks como jQuery o Mootools para nuestros proyectos web, no siempre usamos de forma completa su funcionalidad.

Como consecuencia de lo anterior, durante el año pasado fue lanzado un proyecto web llamado Microjs que reúne una colección de micro-librerías y micro-frameworks JavaScript que enfocados a un objetivo en particular reúnen una limitada cantidad de funcionalidades a cambio de un menor peso (el más pesado tiene 5.3kb).

Microjs nos ayuda a descubrir los micro-frameworks Javascript más compactos y hacer más sencillo seleccionar aquel que mejor se adapta a nuestras necesidades.

Junto a un buscador con el acceder a aquellos que estamos buscando, Microjs ofrece un relación de todas las micro-librerías y micro-frameworks incluidas junto a una breve descripción, nombre y peso que nos ayuden a una mejor selección de la misma.

Webmasters y desarrolladores interesados pueden acceder libremente a Microjs desdemicrojs.com.

fuente.desarrolloweb

Slider para webs con jQuery

Sequence es un plugin jQuery que permite implementar en nuestro website un slider que presente contenidos.

Interesante para mostrar elmentos destacados (noticias, productos, servicios) Sequence no requiere amplios conocimientos de jQuery.

Esta herramienta open source, se encuentra actualmente en fase beta por lo que su desarrollo no está completamente finalizado

Sequence ofrece soporte para las últimas versiones de los principales navegadores web así como para dispositivos táctiles. No obstante, para aquellos usuarios que accedan a nuestra web con un navegador web que no soporte CSS3, se ofrecerá degradados con aspecto elegante.

Todos aquellos Webmasters interesados en acceder a la documentación completa y descarga de Sequence pueden hacerlo desdewww.sequencejs.com.

fuente.desarrolloweb

Herramientas para acelerar la webs

Un CDN (Content Delivery Network) es un sistema formado por servidores que contienen copias de datos y que colocados en varios puntos estratégicos de una red maximizan el ancho de banda para la distribución de ficheros.

Las redes de distribución de contenido más populares son los que de forma gratuita ofrecen Google o Microsoft. No obstante éstas tienen el handicap de limitarse a incluir únicamente las librerías más populares como jQuery o MooTools.

cdnjs.com es un interesante servicio CDN dirigido a webmasters en el que se ofrece un extenso catálogo de librerías JavaScript listas para ser usadas en cualquier proyecto web.

Entre las librerías JavaScript que encontramos en cdnjs.com destaca Coffee Script, Yui, Ext JS, Backbone, Mootools, jQuery o Cufon, entre otras.

Este proyecto que nació en enero del año pasado nos permite obtener una mayor velocidad a la hora de obtener el fichero gracias a una mejor tasa de transferencia del CDN, liberando a nuestro servidor de la carga de estos archivos.

Usuarios interesados pueden acceder a cdnjs.com desdewww.cdnjs.com.

fuente.desarrolloweb

La próxima versión de Javascript

El comite ECMA está trabajando duro en el desarrollo de la próxima versión de Javascript conocida con el nombre de Harmony. En este sentido y según acaba de ser publicado, todo apunta que de cumplirse los plazos previstos Harmony estaría listo para finales del 2013.

Aquellos que quieran conocer las novedades de la próxima versión de Javascript, actualmente uno de los lenguajes de programación más usados en el mundo web, pueden acceder al blog de Chromium donde recientemente eran publicados un resumen de las mismas.

Mientras se produce la definitiva llegada de Javascript Harmony conocemos que Google Chrome 19 (ya liberada aunque todavía en fase inicial de desarrollo) y su motor V8, ya ha empezado a trabajar en el soporte e implementación de nuevas características.

No obstante lo anterior es interesante ver en relación al peso de JavaScript en el futuro de la web como pese a la implementación de Harmony en Chrome, Google sigue apostando por Dart como su opción para competir y sustituir a Javascript con la intención de superar algunos de los handicaps que viene arrastrando el popular lenguaje de programación basado en C.

Para habilitar las características de Harmony en la última versión del canal dev de Chrome, debemos ir a chrome://flags y cambiar “Experimental JavaScript features”.

fuente.desarrolloweb

Como mejorar la interacción de una web

Ninja UI ofrece una serie de componentes para UI (User Interface) con los que mejorar la experiencia de aquellos usuarios que naveguen por nuestro site.

Este plugin jQuery incluye botones, autocompletado, cajas de dialogo, menús, iconos, sliders, ratings, …..

Ninja UI está disponible de forma gratuita gracia a su licencia Apache 2.0, es compatible con los principales navegadores web (IE, Firefox, Chrome, Opera o Safari) y requiere jQuery 1.6.

Tras un largo desarrollo el pasado mes de enero fue liberada la primera versión estable de este proyecto JavaScript de código abierto.

Interesados en acceder a más información, ejemplos, códigos y guías de implementación así como a la descarga de la última versión, Ninja UI 1.0.1 pueden hacerlo desde ninjaui.com.

fuente.desarrolloweb

Google se mantiene firme con DART ante javascript

JavaScript to Dart Synonym es una utilidad con la que Google quiere seguir mostrando las posibilidades de Dart.

La llegada de Dart hace ahora 4 meses confirmó la intención de Google de desarrollar un lenguaje de programación orientado a objetos sencillo de aprender, familiar para los desarrolladores, que permitiera la adecuación a cualquier navegador web y que representara una alternativa de calidad frente a JavaScript.

Pese al interés despertado en un primer momento este proyecto no ha seguido evolucionando al menos de la forma esperada para el todopoderoso Google, es por ello que recientemente ha sido liberada JavaScript to Dart Synonym.

En la presentación de esta nueva herramienta a través de uno de sus blogs oficiales Google la justifica porque muchos desarrolladores con conocimientos en JavaScript y jQuery no sabían cómo asignar comunes expresiones a Dart.

JavaScript to Dart Synonym pretende abrir una nueva entrada para que todos aquellos programadores interesados den sus primeros pasos en este nuevo lenguaje de programación.

Interesados pueden acceder a JavaScript to Dart Synonym desdesynonym.dartlang.org.

fuente.desarrolloweb

jQ.Mobi, jQuery móvil en HTML 5

jQ.Mobi es un framework JavaScript desarrollado por appMobi y centrado en ofrecer una mejor experiencia en dos de los sistemas operativos móviles más importantes en la actualidad, iOS y Android.

Sin tiempo para probarlo, jQ.Mobi presume en su web de ser una librería mucho menos pesado (3.5KB) y más veloz que jQuery Mobile mientras cubre la mayoría de sus características con la misma sintaxis.

Actualmente en fase beta, jQ.Mobi está disponible de forma libre para cualquier desarrollador interesado desde www.jqmobi.com.

Además aquellos que lo deseen pueden obtener completa información sobre las características de las últimas versiones que vayan liberándose (actualmente jQ.Mobi 0.9) desde blog.jqmobi.com.

Por último, invitarte a que, si no tienes problemas con el inglés, le des un vistazo al vídeo que te dejamos al final de este post donde los responsables de este proyecto open source nos ofrecen una introducción a jQ.Mobi.

fuente.desarrolloweb