4Sep

One area that is integral to a WordPress powered site but is currently a bit difficult to stylize is the login area. Moreover, it’s not something move around to place on sidebars or the site header. In this tutorial we will see how to create a shortcode that you can use everywhere, from your Text widget to post/pages content or the template files.
Read more
Tags: user interface, wordpress themes
14Aug

It’s generally useful in sites with extensive drop down menus and many levels of hierarchy to highlight the parent item that encompasses the list of current items in the menu we’re now browsing so we can keep track of where we are. In this tutorial we will learn how to use jQuery to achieve this in WordPress menus, but it can be applied to any menu that has a similar markup.
Read more
Tags: development, user interface, wordpress themes
3May

Have you ever stumbled upon the issue of radio buttons losing their “checked” state while dragging and dropping a div containing them using the Sortable module of jQuery UI? It is not a pleasant experience and is a known issue even in jQuery 1.7.x bundled in WordPress 3.3 – 3.4. Read on to learn how to fix this.
Read more
Tags: javascript, user interface
28Jan
Chosen allows you to enhance HTML <select> elements using JavaScript to add multiple select, autocomplete and more.
Read more
Tags: javascript, user interface
15Jun

The first time you stumble upon it, it’s a bit confusing that the slideDown and slideUp functions in jQuery only allow you to slide an element downwards. However, we can use them to slide an element upwards with just a little bit of CSS and without adding any extra jQuery code.
Read more
Tags: development, javascript, user interface
6Jun
Hunter for iPad has a beautifully pragmatic interface to help you discover new music for those long days coding & designing.
Read more
Tags: ipad, tools, user interface
18May
When starting a new design it is often handy to have a set of UI items to quickly start laying things out and they can even be useful to quickly wireframe a web mockup. You will find here 10 slick free UI kits to speed up your user interface design works.
Read more
Tags: resources, user interface
15Jun

The most important issues involved in the design of a web site or a web application are how the information is displayed to the user and how the user can interact with this information, whether it is to obtain more information about a particular topic, dismiss irrelevant information or process the information that he currently has. The rest is purely ornamental. In this post we will review a series of resources to achieve a better interface design.
Read more
Tags: resources, usability, user interface, web application
8Feb
The upcoming 3.0 version of WordPress will be featuring a sleek interface to arrange the menus in a drag & way interface. There were some mockups posted on the ticket for this feature. Let’s take a look at them.
Read more
Tags: cms, development, open source, usability, user interface
19Feb
I love this site and the idea behind it. DontClickIt i’s a click free site where you can interact with it without doing a single click. This could be great it were to be implemented on most sites. Clicking with mouse is tiring, monotonous and doesn’t really help too much. We could just rollover an area like we do when we point at something with a finger. Of course, someone could inadvertedly rollover the “Delete everything” button and… This is why DontClick.It explores several click free techniques like a timer when you rollover or a mouse gesture, which is another great user interaction technique.
Play around and don’t forget to click at least once while you are in the interface.
Tags: flash, usability, user interface, web application