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.

The Complete Guide to Prioritized Navigation

The Complete Guide to Prioritized Navigation

Marketing / UX Design

Implementing prioritized navigation to guide users effectively through your website, enhancing usability.

How to Animate a CSS-Only Hamburger Menu and Icons

How to Animate a CSS-Only Hamburger Menu and Icons

CSS

Hamburger menu icons have become a staple in many websites and web apps, and whether you like them or not, they are becoming a familiar and recognizable UI action button….

How to Create Responsive Off-Screen Menus with CSS3

How to Create Responsive Off-Screen Menus with CSS3

CSS

In this tutorial, we’re going to create some slide and push menus using CSS3 transitions. The menus will be hidden off screen at first, and will transition into view when…

Exploration of Single Page Navigation Systems

Exploration of Single Page Navigation Systems

Inspiration / UX Design

The navigation of most books is linear. You start at the beginning and flip pages until you reach the end. Perhaps reference books are slightly different, and (for those born…

20 Examples of Fullscreen Responsive Menus for Inspiration

20 Examples of Fullscreen Responsive Menus for Inspiration

Inspiration / Web Design

We’ve covered responsive navigation a number of times over the last couple of years, from off-canvas reveals and nested accordions, to the simpler <select> drop-down menu system. There really are…

30 Fantastic Examples of Fixed Navigation Menus in Web Design

30 Fantastic Examples of Fixed Navigation Menus in Web Design

Inspiration / Web Design

Looking at the navigation bar can give you a snapshot idea of what a site is offering, as well as what it’s expecting in return. It’s an abbreviated definition, a…

The Importance of Navigation Design Patterns

The Importance of Navigation Design Patterns

UX Design

In this article we discuss the importance of navigation design patterns using examples from some of the hottest websites and web apps. Once someone starts using your website or web…

How to Create a Full Width Responsive Tiled Menu with CSS

How to Create a Full Width Responsive Tiled Menu with CSS

CSS

Full width tiled menus are a crisp way for displaying your site’s navigation and for giving end to end coverage, creating a very full-bodied effect for the user. In this…

Website Navigation Trends for Various Layouts

Website Navigation Trends for Various Layouts

UX Design

There are always some key aspects in designing a website which you have to give full attention. Site navigation is one of these important features which is found in every…

How to Design Functional Sub-Navigation Menus

How to Design Functional Sub-Navigation Menus

Web Design

JavaScript libraries such as jQuery have fundamentally shifted the course of web development. It is now easier than ever to prototype UI functionality, animations, slideshows, and of course dynamic navigation….

Navigation Accessibility Tips

Navigation Accessibility Tips

UX Design

Website navigation is our common communication system between all other web pages. Interlinking through unique identifiers (URLs) has worked for decades. If anything, navigation links have been with the basics…

Elements of Ugly Web Design – Navigation Animated Gifs

Elements of Ugly Web Design – Navigation Animated Gifs

Web Design
12