in this short tutorial we’ll build a typical Bootstrap navbar with a quick solution for showing its dropdowns on hover.

Creating an information-rich mega menu is not an easy task but flexbox offers a great solution. You can leverage its content-aware nature to make your mega...

In today’s tutorial we’ll take inspiration from the Neflix Jobs website and learn to build an advanced responsive navigation menu with a cool transition effect.

In this tutorial we’ll build an attractive static portfolio page, featuring a pure CSS bar chart without using any external JavaScript library, SVG, or the...

In this tutorial we’ll use all the power of flexbox and learn to build a simple, yet attractive static HTML portfolio page.

In a previous tutorial, we learned how to use a select element for navigation and maintain the selected option on page load. Today, we’ll go one step further...

Today we'll learn how to maintain the selected option when navigating to a new page using a element.

In this quick tip we’ll look at how to use the BEM (Block Element Modifier) naming methodology in WordPress.

Having a simple and intuitive navigation is key to your website’s success. Here are some simple solutions that can help you take things to the next level.

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

While design trends and patterns come and go, but a handful of key principles stay exactly the same for designing a functional navigation for your website....

Our new course, Practical CSS: Build a Dropdown Menu, shows you how to code a multi-level CSS dropdown menu from scratch.