Notificaciones estilo iOS con jQuery

(by: http://www.kabytes.com)

Una buena idea para mostrar notificaciones es hacerlo directamente desde el menú de opciones de nuestra aplicación, de forma muy similar a la que utilizan decenas de aplicaciones desarrolladas para iOS. Este tipo de alertas pueden ser incorporadas muy fácilmente utilizando jQuery Menu Notification.

Menu Notification es un plugin jQuery gratuito que podemos utilizar para mostrar notificaciones numéricas muy rápidamente y sin complicaciones, insertando pequeños avisos en forma de burbuja directamente en nuestros menús de navegación.

El resultado se ve similar a la imagen que inserto a continuación:

notificaciones numéricas jQuery iOS

Para crear estas lindas notificaciones numéricas no necesitamos escribir demasiadas líneas de código, en la web oficial citan un ejemplo en donde se engloba la mayoría de las funciones disponibles.

var notifications = new $.ttwNotificationMenu({
      colors:['#f56c7e', '#fec151', '#7ad2f4']
}); 

//Add bubbles to a menu
notifications.initMenu({
      someCategory:'#menuItemSelector'
}); 

//create a notification notifications.createNotification('Sample Notification'); 

//delete a notification
var notification = notifications.creatNotification('some notification');
notifications.deleteNotifiction(notification); 

//get the notifications in a category
var notificationsInSomeCategory = getNotifications('someCategory', 'unread');

Finalmente los invito a probar la demostración online.

Web:  jQuery Menu Notification


original post: http://www.kabytes.com/programacion/notificaciones-estilo-ios-con-jquery/?utm…

via ifttt
Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: