Topic Archives

Menu Design

Improve your restaurant and coffee shop menu designs with these inspiring ideas and professional templates. Perfect for restaurants, cafes, and digital applications.

View all print design content

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 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.

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.

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.

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

The beauty of simplified navigation in web design, and how it improves the overall user experience.

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
12