Breadcrumb Navigation with CSS Triangles

Breadcrumb Navigation with CSS Triangles

Breadcrumb navigation is a useful element to indicate the exact location of a product/post on the webpage. It also helps users to browse the relevant content related to the current item. On the other hand, a breadcrumb is an SEO-friendly … Read More

Pure CSS Fullscreen Navigation Menu

Pure CSS Fullscreen Navigation Menu

When we talk about consistent web design, the very first thing that comes to mind is lightweight and easy-to-navigate pages. So, the menu navigation is the first element to browse the website content. In a consistent design, the navigation system … Read More

CSS only Responsive Drop Down Menu

CSS only Responsive Drop Down Menu

Drop-down navigation is the most common element of a website to navigate the site content. In such navigation, the basic links appear in a bar and if a link has more list then it is shown in the dropdown. In … Read More

Mobile Navigation Menu using HTML & CSS

Mobile Navigation Menu using HTML & CSS

In this tutorial, you’ll come to know the easy way to build a simple mobile navigation menu using HTML and CSS. Basically, this is a responsive menu project that comes with an animated hamburger toggle menu icon. When a user … Read More

Navigation Bar Design Code with Demo

Navigation Bar Design Code with Demo

Are you working on a navigation menu and need the code? If yes! then you are in the right place. Here, you will come to know an easy way to create a navigation bar design with ready-to-use code snippets. This … Read More

Change Navbar Text Color on Scroll

Change Navbar Text Color on Scroll

In this tutorial, we are going to create a simple navbar and change its background & text color on the scroll. We’ll create a sticky (fixed) navbar to see this color-changing effect in real-time. Before moving forward, I’ll suggest you … Read More

Pure CSS Responsive Navbar with Hamburger

Pure CSS Responsive Navbar with Hamburger

A  navbar is an important element to navigate the webpage contents. It allows users to directly access the main pages of a website. A navigation system can be designed in various formats including vertical side menu and multilevel dropdown menu. … Read More

Responsive Pure CSS Off Canvas Menu

Responsive Pure CSS Off Canvas Menu

Menu navigation is the main part of a website to navigate webpage content. It allows users to browse the most important pages easily. There are many types of menus like dropdown menu, sidebar menu, and off-canvas menu, etc. In this … Read More

Pure CSS Responsive Drop Down Menu

Pure CSS Responsive Drop Down Menu

One day, we were working on a project to create a lite web page template. One of my juniors asked me to suggest a lightweight jQuery plugin for the drop-down menu. I wondered to hear that and suggest him to … Read More

Create Animated Content Tabs with CSS3

Animated Content Tabs with CSS3

Tabs are navigational items to switch between the relevant contents being on the same webpage. It makes easy to navigate specific content without loading the whole page. Besides this, tabs are useful to display contents in a short space of … Read More