Topic Archives

Navigation

Learn about different web and mobile styles, including horizontal, vertical, and responsive menus, and improve your navigation design skills and the UX of your website.

Simple WordPress Snippets to Improve Your Secondary Navigation

Simple WordPress Snippets to Improve Your Secondary Navigation

WordPress

Using these WordPress snippets can further help users get where they need to go and discover content they may have otherwise missed.

8 CSS & JavaScript Snippets for Creating Paginated Navigations

8 CSS & JavaScript Snippets for Creating Paginated Navigations

CSS / JavaScript / UI Design

We share some highly creative CSS and JavaScript code snippets that you can use for free to improve the pagination on your own website.

8 CSS & JavaScript Snippets for Icon-Based Navigations

8 CSS & JavaScript Snippets for Icon-Based Navigations

CSS / JavaScript / UI Design

We share a collection of unique CSS and JavaScript code snippets that you can freely use to create icon-based website navigations.

8 CSS & JavaScript Snippets for Creating Mega Menus

8 CSS & JavaScript Snippets for Creating Mega Menus

CSS / JavaScript / UI Design

A collection of CSS & JavaScript snippets for building mega menus. Everything from simple, text-based navigation to richly-styled UIs.

10 CSS & JavaScript Snippets for Creating Responsive Navigations

10 CSS & JavaScript Snippets for Creating Responsive Navigations

CSS / UI Design

These responsive CSS navigation examples are free to edit and use on your own projects. We have a menu type for all types of websites.

8 CSS & JavaScript Snippets for Creating Hamburger Menus

8 CSS & JavaScript Snippets for Creating Hamburger Menus

CSS / JavaScript / UI Design

We share a collection of CSS and JavaScript snippets that will allow you to enhance and expand the capabilities of your hamburger menus.

30 Simple Responsive Navigation Solutions & Tutorials

30 Simple Responsive Navigation Solutions & Tutorials

CSS / JavaScript

JavaScript plugins and CSS solutions to help you find the responsive navigation solution that best suits the website you’re currently working on.

12 Stunning Examples of Hamburger Menu Transitions for Inspiration

12 Stunning Examples of Hamburger Menu Transitions for Inspiration

Inspiration / Web Design

We explore a collection of beautifully designed websites that have created some truly stunning hamburger menu transitions.

8 Inspiring Examples of Sticky Vertical Navigations in Web Design

8 Inspiring Examples of Sticky Vertical Navigations in Web Design

Inspiration / Web Design

Everything you need to know about designing and implementing a sticky vertical navbar, including inspiring examples and best practices.

10 Modern Examples of Slide-Out Sidebars

10 Modern Examples of Slide-Out Sidebars

CSS / JavaScript

Slide-out sidebars are invaluable. And some helpful CSS & JS code snippets that give you a perfect base for creating your own, are always welcome.

7 Awful Website Navigation Mistakes You Should Avoid

7 Awful Website Navigation Mistakes You Should Avoid

UX Design / Web Design

Avoid these common website navigation mistakes to ensure a smooth and user-friendly experience for your visitors.

Analyzing the Hamburger Menu in Web Design

Analyzing the Hamburger Menu in Web Design

UX Design / Web Design

Analyzing the effectiveness of hamburger menus in web design and their impact on user navigation.

The Hamburger & Mega-Menu Combination Design Trend

The Hamburger & Mega-Menu Combination Design Trend

Inspiration

Hamburger icons are everywhere. They carved a niche for themselves without any intention to leave us anytime soon. Hate it, love it – just deal with it. Much like the…

Out of the Way: Corner Navigation in Web Design

Out of the Way: Corner Navigation in Web Design

Inspiration

Corner navigation has been with us for a while. It is a small trend that has emerged from the popular perimeter navigation. However, unlike its predecessor, it looks less massive…

10 Innovative Navigation Examples in Mobile App Design

10 Innovative Navigation Examples in Mobile App Design

Inspiration / Web Design

Mobile navigation designs come in many different shapes and forms. While it would be more intuitive and easy to understand for users if all navigation systems followed the same structure,…

How to Create a Vertical Slide-Out Menu with CSS Transitions

How to Create a Vertical Slide-Out Menu with CSS Transitions

Web Design

In this tutorial, we’re going to create a vertical slide-out menu using CSS3 transitions. The menus will be place on the left-side of the screen with the main links hiding…

How to Add Mobile Navigation to Your WordPress Theme

How to Add Mobile Navigation to Your WordPress Theme

WordPress

Let’s look at one method for adding an attractive and functional mobile navigation system to your WordPress theme.

The Beauty of a Simplified Navigation

The Beauty of a Simplified Navigation

UX Design / Web Design
12