Posts Tagged "menu"

13 CSS Responsive Menu Tutorial

October 11th, 2012 by aditia rahman / No Comments  

     

Today responsive web design are becoming a trend, responsive web design are a solution for web developer for dealing with multiple devices resolution, In this post I share some tutorial to help you understand in creating responsive menu using CSS.

Responsive Menu with CSS3 Tutorial

Responsive Menu with CSS3 Tutorial

40 Free Web Menu Navigation PSD

June 23rd, 2011 by aditia rahman / 6 Comments  

     

Web navigation is one of the most important part in web design, it make easier for visitor to explore quickly what the site about. In today post I have collected some examples of web navigation menu that can be applied in web design project, might be useful for you get some references before designing a mockup navigation layout.

Pixel Navigation

Pixel Navigation

61 Big Drop Down Menu Examples

March 22nd, 2011 by aditia rahman / 2 Comments  

     

Drop down menu is very useful to list a website links, category or any other structural information links. These showcase I presented a list of big dropdown menu examples, most of this kind of dropdown menu used in online retail store or a company websites
which have a lot of product or service categories.

Starbucks Australia

Starbucks Australia

Simple JQuery Flickr Style Tooltip Menu

January 26th, 2011 by aditia rahman / 8 Comments  

     

In today post I try to create the flickr style tooltip drop down menu, I mean the drop down menu when you see in the detail image page, the challenge creating this feature is the CSS, that contains gradient and manipulating box so that can look like a triangle in the tooltip menu after the main menu clicked.

jquery flickr drop down menu

I’m not creating exactly the same as flickr have, but just to exploring how to creating this cool flickr tooltip menu.

ExtJS: Custom Right Click Menu in Dataview

October 5th, 2010 by aditia rahman / 10 Comments  

     

Sometimes we need to add a custom menu in mouse right click event function, and this is possible in ExtJS, why would I create this, just my though to create file explorer like using ExtJS, and what I think to list all the file that available is in Dataview, maybe this useful in the future, actually this is very simple here the part of the code.

First we create the menu that we want

var menu1 = new Ext.menu.Menu({
    items: [
        {
            text: 'I like Ext',
            checked: true
        }, '-', {
            text: 'Open With',
            menu: {
                items: [{
                    text: 'Notepad ++'
                }, {
                    text: 'GIMP 2.0'
                }, {
                    text: 'Firefox'
                }]
            }
        }, '-', {
            text: 'Cut'
        }, {
            text: 'Copy'
        }, {
            text: 'Delete'
        }, '-', {
            text: 'Rename'
        }
    ]
});