Learn about Navigation
All Navigation content:
-
Build a Navigation Menu With an Animated Active Indicator (JavaScript)
Tutorial • BeginnerToday, 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...
-
The Best Responsive Menu Tutorials on Tuts+
Tutorial • BeginnerInterested in building a responsive menu for your next project, but need some inspiration? Today we’ll explore the best CSS and JavaScript header menu...
-
Create a Reusable Dropdown Component with JavaScript
Tutorial • IntermediateIn this tutorial, we’ll create a reusable, custom dropdown component, using vanilla JavaScript.
-
Create an Animated Sticky Header on Scroll (With a Bit of JavaScript)
Tutorial • BeginnerIn the past, we’ve covered many header scroll effects, and today it’s time for another one! In this tutorial, you’ll learn how to make a header reappear and...
-
How to Build a Responsive Off-Canvas Menu With CSS and a Touch of JavaScript
Tutorial • BeginnerIn this tutorial, we’ll go through a simple yet effective method for creating a responsive off-canvas menu with HTML, CSS, and JavaScript.
-
Build a Multilevel Animated Mobile Menu With JavaScript
Tutorial • IntermediateIn this tutorial, we'll discuss how to create a three-level deep (multilevel) sliding mobile menu with pure JavaScript.
-
How to Update UIkit Components
Tutorial • IntermediateIn previous tutorials, we covered various UIkit components. Today, we'll work with the Sticky and Dropdown ones and learn how to update them. The process...
-
How to Implement Pagination with Vanilla JavaScript
Tutorial • IntermediateIn this tutorial, we’ll build a fully functional pagination feature for a website using vanilla JavaScript. We’ll break down the logic into simple functions...
-
How to Build a Shifting Underline Hover Effect With CSS and JavaScript
Tutorial • IntermediateIn today’s tutorial, we’re going to use a little bit of CSS and JavaScript to create a fancy menu hover effect. It’s not a complicated end result, yet...
-
10 Best Mega Menu Examples in WordPress Themes
Tutorial • BeginnerMega 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...
-
How to Create a Sticky Toolbar With CSS and a Bit of JavaScript
Tutorial • BeginnerIn this new tutorial we’ll learn how to create a sticky (or fixed) toolbar, using CSS and a bit of JavaScript, with animated tooltips, that you can use on...
-
How to Create Responsive Mega Menus With UIkit
Tutorial • IntermediateLearn how to build responsive mega menus with the UIkit framework, by taking advantage of its Dropdown, Nav, Navbar, and Off-canvas components.