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.
5 elementos HTML que quizás no sepas cómo usar
Familiar pero desconocido, o totalmente nuevo, sucede que nos perdemos partes de la sintaxis HTML que puede llegar a ser un conocimiento importante que podemos darle un buen uso . Por eso, ya sean las nuevas características de HTML o sus aplicaciones menos conocidas que aún no han entrado en su radar, las cubrimos bastante a menudo en este sitio.E
(Consejos de tecnología y diseño)
WWDC 2017: Esto es lo que Apple podría estar revelando en San José en junio
Apple ha estado muy entusiasmado con el evento Worldwide Developers Conference de este año, considerando el hecho de que la compañía ha revelado la ubicación del evento cuatro meses antes del comienzo del evento.Como de costumbre, muchos han comenzado a especular sobre lo que podría surgir, y algunos han llegado a analizar la imagen proporcionada en busca de pistas, lo cual es una decisión bastante sabia teniendo en cuenta que Apple tiene un historial de incrustación de nuevas características que se introducirán en el evento. Cualqui
(Consejos de tecnología y diseño)