Learn about Navigation

Discover the secrets of effective navigation design. Read tutorials on menu design, breadcrumb trails, and site maps, to help users find what they need quickly.
Read more
Read less
All content
Courses
Tutorials

All Navigation content:

  1. ¿Cómo hacer un Efecto Hover de Subrayado Movedizo con CSS y JavaScript?

    ¿Cómo hacer un Efecto Hover de Subrayado Movedizo con CSS y JavaScript?

    Tutorial • Intermediate

    En el tutorial de Hoy, vamos a usar un poco de CSS y JavaScript para crear un sofisticado menu con efecto hover. No es un resultado final complicado, pero...

  2. Cómo ocultar/mostrar una cabecera fija durante el desplazamiento de la página con JavaScript

    Cómo ocultar/mostrar una cabecera fija durante el desplazamiento de la página con JavaScript

    Tutorial • Intermediate

    ¿Alguna vez has visto una de esas barras de cabecera fijas (o «pegajosas») que desaparecen cuando empiezas a desplazarte por la página, y vuelven a aparecer...

  3. Cómo conservar el estado del menú al cargar la página (usando almacenamiento local)

    Cómo conservar el estado del menú al cargar la página (usando almacenamiento local)

    Tutorial • Intermediate

    En este tutorial, crearemos un sitio estático simple con Tailwind CSS y luego aprenderemos cómo conservar el estado de su menú al cargar la página.

  4. Cómo convertir las pestañas de Bootstrap en un menú desplegable

    Cómo convertir las pestañas de Bootstrap en un menú desplegable

    Tutorial • Intermediate

    Anteriormente, analizamos varias extensiones de Bootstrap 4. Hoy te mostraré cómo convertir las pills de Bootstrap en un menú desplegable. Lo más...

  5. ¿Qué son las migas de pan en WordPress?

    ¿Qué son las migas de pan en WordPress?

    Tutorial • Beginner

    En este tutorial, explicaré todo lo que necesitas saber para comenzar a utilizar migas de pan (también conocidas como breadcrumbs, en inglés) en WordPress.

  6. Cómo hacer que el menú desplegable de la barra de navegación de Bootstrap funcione al situar el puntero (on hover)

    Cómo hacer que el menú desplegable de la barra de navegación de Bootstrap funcione al situar el puntero (on hover)

    Tutorial • Beginner

    ¿Alguna vez has creado una barra de navegación de Bootstrap con menús desplegables? Si la respuesta es «sí», quizá hayas notado que los menús desplegables de...

  7. Crea un menú responsivo avanzado inspirado en Netflix

    Crea un menú responsivo avanzado inspirado en Netflix

    Tutorial • Intermediate

    El otro día visité el sitio web de Netflix Jobs desde mi teléfono y vi su menú fuera del lienzo (off-canvas). Realmente me gustaron las impresionantes ...

  8. Navegación desplegable: cómo mantener la opción seleccionada en WordPress

    Navegación desplegable: cómo mantener la opción seleccionada en WordPress

    Tutorial • Intermediate

    En un tutorial previo, aprendimos cómo utilizar un elemento «select» para la navegación y mantener la opción seleccionada al cargarse la página. Para...

  9. Consejo Rápido: Nombramiento BEM y Filtros de WordPress para la Navegación

    Consejo Rápido: Nombramiento BEM y Filtros de WordPress para la Navegación

    Tutorial • Intermediate

    Mantenimiento de la CSS es difícil, especialmente en proyectos más grandes trabajando con un equipo. Convenciones de nombres pueden ayudar a tu CSS sea más...

  10. Cómo crear un menú fuera del lienzo (off-canvas) con CSS y un toque de JavaScript

    Cómo crear un menú fuera del lienzo (off-canvas) con CSS y un toque de JavaScript

    Tutorial • Beginner

    En este tutorial veremos un método simple, pero efectivo, para crear un menú fuera del lienzo (off-canvas) con HTML, CSS y JavaScript.

  11. Cómo Crear una Navegación Off-Canvas con CSS Grid

    Cómo Crear una Navegación Off-Canvas con CSS Grid

    Tutorial • Intermediate

    El patrón off-canvas es una solución clásica para la navegación en sitios responsivos. Cuando la ventana de visualización es suficientemente pequeña para...

  12. Cómo Crear Una Navegación Franjeada con Flexbox

    Cómo Crear Una Navegación Franjeada con Flexbox

    Tutorial • Intermediate

    Gracias a flexbox, hoy en día podemos crear algunos maquetados realmente atractivos y modernos con relativa facilidad. En éste tutorial vamos a ver una...

Related Categories

CSS
HTML/CSS
UI Design
Sketch
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories