Project's Homepage

Sidr para jQuery: Navegación de barra lateral moderna con un borde

A todos nos encantó el llamado menú del panel, o más correctamente el menú fuera del lienzo, que vio un aumento dramático en popularidad junto con el aumento igualmente dramático en la popularidad de los teléfonos inteligentes y los clientes móviles en general. Cada vez es más difícil encontrar una aplicación de teléfono inteligente que no esté equipada con una navegación que se desliza al deslizar o tocar. Si mi memoria no me traiciona, fue la aplicación de Facebook la que primero hizo uso de un menú fuera del lienzo. Hace un tiempo te presentamos jPanelMenu para jQuery, con el que puedes crear una experiencia similar a la de Facebook en cualquier aplicación. Nuestro nuevo concursante, Sidr, es aún más capaz…

Página de inicio del proyecto

Sidr para jQuery: solución de navegación altamente flexible para clientes móviles

Técnicamente hablando, un menú fuera del lienzo, un menú que se coloca fuera de la ventana gráfica y que solo se vuelve visible cuando se llama, no es gran cosa. En los buenos viejos tiempos de DHTML, hace más de diez años, podríamos haber hecho estas cosas.

Sin embargo, si desea algo más que la funcionalidad básica, tendrá que esforzarse más. Para liberarnos de la dolorosa necesidad de hacerlo individualmente, Alberto Varela Sánchez decidió aceptar ese desafío y creó Sidr.

sidr-esquema-w550

Sidr es fácilmente la solución más flexible para la barra lateral de navegación que he encontrado hasta ahora. Sorprendentemente, ni siquiera es complicado de implementar en sus propios sitios web, al menos no con respecto a la variante más simple. Como de costumbre, necesitamos incrustar el script y una de las hojas de estilo que lo acompañan en el encabezado de nuestro documento:

    

El cuerpo se equipa así:

 

Una implementación simple de la variante más básica del menú de la barra lateral se realiza mediante un DIV con la identificación sidr. los DIV lleva el contenido del menú, el enlace lo abre:

Toggle menu 
 

Es posible que la mayoría de las personas ya estén satisfechas con esta funcionalidad, pero Sidr es mucho más capaz. Primero, puede crear tantas barras laterales en un documento como desee. Deberá nombrarlos para poder aplicar funciones a cada barra lateral individualmente.

El contenido del menú se puede llamar de diferentes maneras. El método más sencillo, utilizando un DIV llevando el contenido, ya ha sido introducido. También es posible incrustar HTML existente desde almacenamientos locales o remotos. El método más complejo se basa en la funcionalidad de devolución de llamada.

Lo que realmente me asombró fue la posibilidad de transformar cualquier menú en uno receptivo con Sidr. Sánchez lo demuestra directamente en la página de demostración del proyecto. Esta página comienza con una navegación superior horizontal. Mientras cambia el tamaño de la ventana del navegador, Sidr se activa tan pronto como se supera una resolución definida. Después de eso, la barra superior se transforma en una barra lateral y se coloca fuera del lienzo. Se muestra un botón de menú para que sus visitantes puedan volver a abrir la navegación. En los clientes móviles, los gestos de deslizamiento se activan para abrir y cerrar el menú del panel.

sidr-temas-w550

Sidr se basa en temas y viene con el típico tema claro y oscuro. En base a estas hojas de estilo más o menos elaboradas puedes personalizar tu propio diseño.

En mi humilde opinión, Sidr es la mejor solución disponible para menús fuera del lienzo. Le recomiendo que lo use siempre que sienta la necesidad de una barra lateral de navegación receptiva. El complemento es gratuito para ser utilizado en proyectos privados y comerciales por igual. Se distribuye bajo una licencia MIT.

enlaces relacionados

#Sidr #para #jQuery #Navegación #barra #lateral #moderna #con #borde

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *