MENU

Create a Mobile Shopping App Design in Photoshop

CSS3 Hidden Social Buttons

March 3, 2014 Comments (0) Views: 1467 Coding, Tutorials

Drop-Down Navigation: Responsive and Touch-Friendly

What if you need a multi-level navigation? In most cases, you design a drop-down menu using unordered lists. But what do you do to make it usable on small and / or cursor-less screens? By usable I mean being able to use hyperlinks on parental anchors and open them with a double-tap (which is a native act on touch devices), also being able to close the drop-downs by tapping anywhere outside them to avoid flashing and other huge usability faults but having a usual bulletproof drop-down menu on desktop screens at the same time.

Here’s a very nice approach and tutorial on how to create a drop-down navigation and making it responsive and also touch friendly.

View Demo View Tutorial

Tags: #, #, #, #, #, #, #, #, #, #, #, #, #, #, #

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.