Project Avant Facebook Page Project Avant Twitter Page

tutorial #4: Menus, Tabs, Tooltips, & Panels

overview

For these demonstrations, we will focus on techniques that will improve the organization of content and make the user interface easier. It is important for web designers to make their site’s content accessible to users as much as possible. This can be accomplished through the use of navigation bars and menus, content panels, and accordions, as well as tooltips. After the completing the following demonstrations, you will know how to use jQuery for organizing content and enhancing the user interface.

The first demonstration is a basic Menu Tab systerm. This will initially hide content, then reveal the content when the user to click on each tab. The second demonstration is a Sliding Login Form, which will help you save space on your webpage. The third demonstration is on simple Tooltips. This technique allows the user to see information by hovering over a link or an image.