Tag: navigation

Animated Navigation using jQuery and CSS

How to create an animated navigation menu using jQuery & CSS. Fancy but a very simple technique! The good thing about this technique is that it degrades gracefully and is still accessible even if javascript is turned off…
csshead 0 Comments

Free CSS Menus for Website Navigation

13 Styles is all about CSS menus. The menus are list based, very light-weight, easy to implement, and cross-browser compliant…
csshead 0 Comments

CSS Menu Builder – Free online navigation generator

A free online CSS menu generator. Comes with over 30 horizontal menus and over 700 vertical menu combinations. Also has over 200 breadcrumb menus. All come in endless color combinations…
csshead 0 Comments

Horizontal Sub-nav with CSS & jQuery

How to create a simple navigation bar with a horizontal subnav. In most cases we can achieve this effect purely with CSS, but for IE6 we will use a few lines of jQuery to cover all grounds…
csshead 0 Comments

SlickMap CSS – A Visual Sitemapping Tool for Web Developers

SlickMap CSS is a free simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences…
csshead 0 Comments

Easy Tab Tutorial with CSS and jQuery – Tabbed Navigation

There are quite a few tutorials out there that demonstrate how to create tabs with CSS and jQuery. Here’s one that’s easy to understand even for a beginner…
csshead 0 Comments

Designing Accessible Navigation Menus with CSS and XHTML

Building an accessible website is a holistic endeavor. In order to provide easy access to the information on each page, myriad factors must be considered. One of the chief amongst these is the creation of accessible navigation. Whether considering business logic or a principled perspective on web design, enabling the site user to move within […]
csshead 0 Comments

Multi-level Menus with jQuery and CSS

Lately there have been quite a few requests on Twitter and other places for multilevel menus using jQuery and/or CSS. There are quite a few ways to accomplish this and it largely depends on what your needs are. In this article we’ll take a quick look at several common multilevel menu options and then we’ll […]
csshead 0 Comments

How to Create a CSS Menu Using Image Sprites

Follow these steps to build your own modern navigation bar design, starting with the initial steps in Photoshop to flesh out the design, then moving on to constructing the HTML and styling with the CSS image sprite technique…
csshead 0 Comments

Sexy Drop Down Menu with jQuery and CSS

Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. This tutorial shows how to create a sexy drop down […]
csshead 0 Comments
« Previous Page