Accessible Mega Menu jQuery Plugin
Accessible Mega Menu (Not actively maintained) ========================= A demonstration of how to implement a keyboard and screen reader accessible mega menu as a jQuery plugin.…
CSS Grid Menu with Sliding Animation – GridMenu
Grid Menu A CSS Grid powered menu with a box look inspired by the effect seen in the Ableton Live 10: What's New video. Article…
Responsive Multi-Level Navigation Menus – Ace Menu
Ace Responsive Menu Ace responsive menu is a lightweight jQuery plugin to create responsive multi-level navigation menus with multi-device support. Ace responsive menu comes in…
Navbar Fixed Top After Scrolling
How to Create Navbar Fixed Top After Scrolling First of all, load the following assets into the head tag of your HTML document. <link rel="stylesheet"…
Simple Fixed Navbar in Bootstrap
This code snippet helps you to create a simple fixed navbar in Bootstrap. It uses Bootstrap default navbar template with "navbar-fixed-top" class to make the…
Pull Down Menu in JavaScript
This code implements a pull-down menu in JavaScript for mobile-friendly websites. It allows users to navigate between different sections on swipe-down/pull-down events. The menu is…
CSS Vertical Menu with Gooey Effect on Hover
This code allows you to create a sleek and dynamic vertical menu using CSS. The menu is designed to display icons and corresponding labels for…
Make A Navbar Sticky After Scrolling Down
How to Create Make A Navbar Sticky After Scrolling Down Create the HTML structure as follows: <section id="screen1"> <p>Scroll down</p> <nav> <ul> <li><a href="#">Home</a></li> <li><a…
Tab Menu Bar in HTML
How to Create Tab Menu Bar In Html First of all, load the following assets into the head tag of your HTML document. <link rel='stylesheet'…
Animated Responsive Dropdown
This code snippet helps you to create an animated responsive dropdown menu. It uses media queries to make the menu responsive for screens with a…
HTML CSS Navigation Bar With Mouse Hover Effect
How to Create HTML CSS Navigation Bar With Mouse Hover Effect Create the HTML structure as follows: <h1>Responsive Menu Effect hover on menu items! </h1>…
Animated Hamburger Menu CSS
This code project provides a simple and interactive animated hamburger menu using HTML and CSS. It allows users to toggle the menu by clicking on…