jQueryMX: MVC en JQuery

jQueryMX es un conjunto de librerías JQuery que añaden a este framework la funcionalidad MVC necesaria para esarrollar y organizar aplicaciones JQuery de gran tamaño.

jQueryMX se divide en 4 áreas core:

· Helpers DOM

· Helpers de lenguaje

· Eventos especiales

· Clases Model, View, Controller y Class

Helpers DOM

Añaden funcionalidad a jQuery para trabajar con DOM, como:

Eventos especiales

Se incluyen un conjunto de eventos especiales:

Helpers de lenguaje

$.Class

Ofrece un modelo simple de herencia.

Veamos un ejemplo:

$.Model:

Encapsula la capa de Servicios y datos.

Por ejemplo:

Que luego podría llamarse:

$.View:

Es una motor de plantillas simple. Permite usar diferentes motores de plantillas (Jaml, Micro, jQuery.tmpl y jQuery.EJS.

$.Controller:

Permite organizar handlers de eventos y hacer binding.

FlotCharts: gráficas para jQuery

lot es una librería Javascript para JQuery para pintar gráficas, centrada en ofrecer un uso sencillo y permite interactuar con las gráficas.

Aunque muy de lejos aún de opciones como HighCharts tiene alguna funcionalidad interesante:

· Funciona sobre Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+

· API muy sencilla

· Usada en varias webs como TusAcciones:

· Actualizaciones AJAX

· Actualizaciones en tiempo real

· Diversos tipos de gráficas:

O:

Podéis ver los ejemplos aquí.

Gridster: Plugin JQuery para crear layouts drageables

Gridster es un plugin jQuery que permite crear layouts drageables, permite crear y eliminar elementos del grid y además moverlos:

Podéis verlo en funcionamiento en su web:

Plugins JQuery: Editores ricos de texto

Si necesitamos un editor rico de textos seguro que uno de los plugins de JQuery tiene la respuesta

A ver si adivináis con cuál me quedo! (no os fiéis del orden, la respuesta al final)

Query RTE:

· Tan sencillo que su código cabe aquí (claro no esperéis mucho más )

jWysiwyg

· Ofrece doble licencia (MIT y GPL)

· Ofrece un manual más que suficiente y bastantes ejemplos

Aloha Editor

· Probablemente el más avanzado y configurable de todos, podéis ver las demos.

· Con mucha documentación

· Con una barra contextual estilo Windows

· Desde mi punto de vista poco intuitivo en muchos casos

CLEditor

· Open source

· Sencillo, potente y extensible

· Poca documentación

· Con varios plugins (iconos, tablas,…)

NicEdit

· Documentación, ejemplos

· Configurable

CKEditor

· Sucesor de FCKEditor

· Tiene todo lo necesario y más!

· Usado por los grandes

· Extensible

· Licencia: El único de pago (aunque 850$ por compañía o 350$ por web creo que no es un problema, no?)

· Barra configurable, Skins, añadir Flash, subir imágenes

TinyMCE

· Open source

· MCImagenManager:

· Muy completo

jHtmlArea

· Funcional, poca documentación, funcional!

·

Markitup

· No es exactamente un editor rico de texto, si no un editor HTML/Wiki/…

· Documentación escueta pero suficiente y ejemplos

· Soporta atajos de teclado

· Skins

· Menús configurables

· Preview

· Licencia MIT/GPL (si queréis colaborar basta con que colaboréis en pagarle una cerveza al autor )

Sí, CKEditor…siempre y cada vez más pienso que en muchas ocasiones perdemos el norte (además del tiempo y el dinero) intentando usar un producto gratuito (que no open-source) cuando hay otra opción de pago que nos habría ahorrado horas o días de trabajo!

TextExt: Plugin JQuery que da funcionalidad como autocompletado

Es un plugin de JQuery que permite ofrecer as los campos de texto funcionalidades como:

· Tags

· Autocompletado

· Carga AJAX

· Placeholder text

Podéis ver algunos ejemplos aquí.

Plugin jQuery para webcam

En el siguiente link se puede encontrar un plugin que permite controlar una webcam mediante JavaScript.

http://www.xarg.org/project/jquery-webcam-plugin/

Permite tres métodos de acceso. Mostrar la imagen capturada, guardarla en el servidor o enviarla mediante stream.

JQTouch: JQuery para desarrollo web móvi

es un plugin para jQuery específicamente diseñado para navegadores móviles basados en WebKit (IPhone, Android, nuevas BlackBerry, WebOS)

jQTouch incluye una serie de comportamientos y capacidad es únicas de Webkit y su soporte a HTML 5 para aumentar las capacidades de lo que se puede hacer en la web móvil: Efectos de animación, diseño, UI, formularios entre otras cosas que emulan la interfaz nativa de aplicaciones móviles.

Actualmente está en Beta2 y siguen persistiendo problemas renderizando en Android

http://jqtouch.googlecode.com/files/jqtouch-1.0-beta-2-r109.zip