MENU

A Collection of Page Transitions

Create a 3D Typographic Illustration

May 20, 2013 Comments (0) Views: 1619 Coding, Tutorials

Responsive Retina-Ready Menu

In this tutorial you we will create a colorful Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game. The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimized version and a mobile version with a menu link to display and hide the navigation for smaller screens. To make the menu fully retina-ready, you will use an icon font so that the icons of the menu won’t get pixelized on resize.

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.