Crear un menú de navegación inteligente y receptivo con este complemento de jQuery
Cada sitio moderno necesita un diseño receptivo y una navegación utilizable . Eso es un hecho.
Pero, los menús de hamburguesas solo pueden llegar tan lejos y cambian radicalmente la usabilidad para diferentes tamaños de pantalla. La mejor forma de manejar esto es mediante la ocultación progresiva de enlaces con un complemento como OkayNav .
Este plugin de jQuery gratuito agrega una característica de menú muy simple a cualquier página y oculta muy poco los elementos de navegación , en función de diferentes ventanas gráficas. De esta forma, los usuarios de teléfonos inteligentes tienen el menú de hamburguesas individual, pero los usuarios de tabletas también pueden ver algunos enlaces.
Por defecto, se basa en un
elemento y una larga lista desordenada . Hasta ahora, no creo que este complemento sea compatible con los menús desplegables de varios niveles, pero si conoces un poco de jQuery, puedes agregarlo tú mismo.OkayNav es extremadamente simple y está diseñado para sitios web más simples que solo tienen un puñado de enlaces de navegación. Estos enlaces se ocultan lentamente detrás de un menú fuera de la pantalla una vez que tocan una determinada ventana gráfica y más enlaces se ocultan cuanto más pequeño es el navegador.
Tendrá que ajustar su lista desordenada en un elemento de navegación y darle una identificación específica. Luego, puede orientar todo el okayNav()
con la función okayNav()
como esta:
var navigation = $ ('# nav-main'). okayNav (); Tenga en cuenta que esta es la configuración más simple sin características personalizadas. Puede trabajar con más de una docena de opciones personalizadas integradas en esta biblioteca para controlar el estilo del icono, la animación del menú, el soporte de deslizamiento y las funciones de devolución de llamada.
Y, incluso puede llamar al menú para abrir / cerrar a voluntad pasando valores específicos a la función. Aquí hay un ejemplo simple para abrir la navegación :
navigation.okayNav ('openInvisibleNav'); Todos estos códigos están bien documentados en el repositorio de GitHub, que también incluye una descarga del guión. Si prefiere la ruta CDN, también puede usar el enlace RawGit para agregar esta secuencia de comandos directamente desde GitHub.
OkayNav es ideal para sitios más pequeños que se benefician de la técnica de navegación progresiva. Pero, si todavía no está seguro de cómo funciona esto, revise esta demostración en CodePen que muestra lo que este pequeño complemento puede hacer.
20 consejos para usuarios de VLC Player
VLC es probablemente el reproductor de video más versátil que puedes descargar debido a su increíble capacidad para reproducir casi cualquier códec que le arrojes . Esto solo hace que esta aplicación sea una valiosa adición a su suite de software. Si bien la mayoría de las personas usa VLC como un simple reproductor de video, es mucho más que eso . VLC es
(Consejos de tecnología y diseño)
40 adictivos juegos web impulsados por HTML5
En los buenos días de Ol, Flash gobierna la aplicación multimedia en la web, pero la llegada de HTML5 lo cambia todo. Aunque la web en general está de acuerdo en que Flash y HTML5 tienen sus propias ventajas y especialidades, de hecho, hemos visto más sitios web implementando HTML5 en lugar de Flash, incluso para juegos web. La
(Consejos de tecnología y diseño)