adobe stock iconDownload 10 Free Photos & Design Assets From Adobe Stock Download Now

Topic Archives

Menu Design

The Beauty of a Simplified Navigation

The Beauty of a Simplified Navigation

Interactive. Consistent. Minimal. Those are all words commonly heard when talking about website navigation. But there is another word that should be included in this list: simple. A simple navigation…

The Complete Guide to Prioritized Navigation

The Complete Guide to Prioritized Navigation

When working with a web design client, you have a plan, right? I’m sure you’d like to help them make a sale or get information to allow them to follow…

How to Animate a CSS-Only Hamburger Menu and Icons

How to Animate a CSS-Only Hamburger Menu and Icons

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

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…

How to Use the HTML5 Context Menu Attribute

How to Use the HTML5 Context Menu Attribute

In this quick tip I want to talk to you about one of HTML5s hidden beauties, the HTML5 context menu attribute. You have probably never heard of it before, but…

20 Examples of Fullscreen Responsive Menus

20 Examples of Fullscreen Responsive Menus

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…

Exploration of Single Page Navigation Systems

Exploration of Single Page Navigation Systems

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…

30 Fantastic Examples of Fixed Navigation Menus in Web Design

30 Fantastic Examples of Fixed Navigation Menus in 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

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

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