'Navigation' tutorials

Tutorials

All 'Navigation' tutorials:

  1. How to Hide/Reveal a Sticky Bottom Nav Bar on Scroll (With JavaScript)

    How to Hide/Reveal a Sticky Bottom Nav Bar on Scroll (With JavaScript)

    Tutorial • Intermediate

    In this tutorial, we'll learn how to create an app-like sticky mobile navigation bar and slide it based on the scrolling direction.

  2. Build a Navigation Menu With an Animated Active Indicator (JavaScript)

    Build a Navigation Menu With an Animated Active Indicator (JavaScript)

    Tutorial • Beginner

    Today, we’ll learn how to create a fancy menu effect: each time we click on, or hover over an item there will be a magic moving element that will follow...

  3. How to Build a Responsive Navigation Bar With Flexbox

    How to Build a Responsive Navigation Bar With Flexbox

    Tutorial • Intermediate

    Time for a practical exercise in flexbox! In this tutorial we will use flexbox to create a mobile-first, responsive, toggleable navigation bar with different...

  4. Make a Tabbed Navigation With Child Pages in WordPress

    Make a Tabbed Navigation With Child Pages in WordPress

    Tutorial • Intermediate

    In this tutorial, we'll learn how to convert WordPress child pages into shareable navigation tabs. However, unlike common tabs where visitors remain on the...

  5. Create a Reusable Dropdown Component with JavaScript

    Create a Reusable Dropdown Component with JavaScript

    Tutorial • Intermediate

    In this tutorial, we’ll create a reusable, custom dropdown component, using vanilla JavaScript.

  6. 10 Best Mega Menu Examples in WordPress Themes

    10 Best Mega Menu Examples in WordPress Themes

    Tutorial • Beginner

    Mega menus can add an extended level of navigation to your WordPress site. Here, we've put together 10 different examples of mega menus in action from...

  7. The best CSS and JavaScript carousel tutorials on Tuts+

    The best CSS and JavaScript carousel tutorials on Tuts+

    Tutorial • Beginner

    Today, we'll explore the best CSS and JavaScript carousel tutorials currently available on Envato Tuts+. Sit back, relax, and enjoy the roundup!

  8. Core Web Vitals: How to optimize “Interaction to Next Paint” (INP)

    Core Web Vitals: How to optimize “Interaction to Next Paint” (INP)

    Tutorial • Beginner

    Interaction to Next Paint is Google's interactivity metric, included in its search engine algorithm. This post discusses its methodology, three key phases,...

  9. How to Build a Responsive Off-Canvas Menu With CSS and a Touch of JavaScript

    How to Build a Responsive Off-Canvas Menu With CSS and a Touch of JavaScript

    Tutorial • Beginner

    In this tutorial, we’ll go through a simple yet effective method for creating a responsive off-canvas menu with HTML, CSS, and JavaScript.

  10. How to create a Lottie animation

    How to create a Lottie animation

    Tutorial • Beginner

    Turn a static SVG illustration into a lively Lottie animation with smooth keyframes, dynamic motion, and seamless looping effects!

  11. How to create a Lottie text animation

    How to create a Lottie text animation

    Tutorial • Beginner

    In the following tutorial, you will learn how to create a lottie animation in After Effects.

  12. WordPress vs. WP Engine: What’s going on and what can you do about it?

    WordPress vs. WP Engine: What’s going on and what can you do about it?

    Tutorial • Beginner

    In September 2024, Matt Mullenweg of WordPress and Automattic declared war against WP Engine. While the legal and very public battle between these two...

Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
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.