heySilver, es un sistema de navegación modular para aplicaciones web que aporta una funcionalidad extra a toda aplicación.
Hace ya mucho tiempo que OSX disfruta de una utilidad llamada QuickSilver, la cual te permite mediante una interface dirigida por las teclas pulsadas ejecutar e interactuar con las aplicaciones del sistema operativo.
heySilver, te permitirá hacer exactamente lo mismo en tu aplicación web, haciendo que tus usuarios puedan navegar por tu aplicación mediante un interface completamente dirigido por el teclado y las pulsaciones que el usuario efectué sobre él.
Gracias a una combinación de teclas podremos lanzar heySilver desde y donde queramos.
SHIFT+SPACE
heySilver está compuesto de un sistema de plugins que se encargan de añadir funcionalidades extra mediante ficheros cargados con objetos JSON. De esta forma conseguimos una flexibilidad limitada por la imaginación del webmaster.
Mantente actualizado en el Blog de heySilver
heySilver, es compatible con Firefox (Mac y Win), Safari(Mac), Internet Explorer 6 y 7(Win).
Hay algunos problemas en Opera y algunos navegadores sobre Mac con la tecla borrar.
Para disfrutar de heySilver únicamente tendremos que añadir los ficheros necesarios en nuestro <head></head>.
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="heysilver.js"></script>
<link href="heysilver.css" rel="stylesheet" type="text/css" />
Podremos personalizar nuestro heySilver editando el objeto conf del fichero plugins.js.
var conf = {
/*
* Fichero de donde se secogerán los datos
*/
file: 'plugins.js',
plugin_dir: 'plugins/',
/*
* Nombre de los id's de los elementos
*/
top_div:'heyTop',
frase_div:'frase',
info_div:'info',
content_div:'content',
/*
* Clases necesarias
*/
selectItem:'selected',
classItem:'plugin',
closeItem: 'plugin',
/*
* Efectos
*/
initEffect: function() {
new Fx.Styles(conf.float, {duration: 500,
transition: Fx.Transitions.linear}).start({
'height': [0, 500],
'width': [0, 500],
'opacity': [0, 0.8]});
},
endEffect: function() {
new Fx.Styles(conf.float, {duration: 500,
transition: Fx.Transitions.linear}).start({
'height': [500, 0],
'width': [500, 0],
'opacity': [0.8, 0]});
},
/*
* Función inicial personalizable
*/
initMe: null,
/*
* Lenguaje
*/
key01: 'Teclea la opción',
key02: 'Pulsa ENTER para activar',
key03: 'Cerrar',
key04: 'Salir de heyPress',
key05: 'Volver',
key06: 'Volver al menú anterior'
}
Las opciones de menú se definen justo despues de las opciones anteriores.
items: [
{
'name':'Hola Mundo',
'desc':'Ejemplos basicos',
'klass':'basicos',
'file':'alert.js'
},
{
'name':'Ajax',
'desc':'Ejemplo de ejecución de peticiones ajax',
'klass':'Ajax',
'file':'ajax.js'
},
{
'name': 'formulario',
'desc': 'Creación de un formulario',
'klass':'Formulario',
'file': 'formulario.js'
},
{
'name': 'Lector de RSS',
'desc': 'Ejemplo de un lector de RSS',
'klass':'rss',
'file': 'rssReader.js'
},
{
'name': 'Utiles',
'desc': 'Utilidad WEB',
'klass':'utiles',
'file': 'usable.js'
}
]
Puedes ver algunos ejemplos de su funcionamiento aqui.
heySilver es una versión beta, por lo tanto puede dar algunos errores que se irán solucionando en versiones posteriores.
Version 0.1
Inquisitor
Version 0.1
Matrix
Ambas versiones requieren MooTools 1.0 para funcionar.
Quiero dar las gracias a:
¿Estás pensando en hacer un plugin? ¿Quieres compartir alguno que tengas hecho?
Avisame y los tendremos todos juntos.
Si has detectado algún error, tienes alguna sugerencia o quieres comentarme alguna cosa.