Ajax Freak
All about Ajax and PHP
Digg-like navigation bar using CSS.
Ajax Freak
URL & Demo: Digg-like nav bar using CSS.
Description: Navigation bar with rounded corners an sliding doors technique for background images, Digg inspired.
Share it
No comments yet.
No trackbacks yet.
13 New CSS3 & jQuery Menu and Navigation Tutorials
July 12, 2010 - 10:57 am 1 tweets
Tags: ajax, css3, Jquery, menu, navigation, tutorials
Posted in Jquery, Menus, Tutorial, ajax | No comments
Ajax Freaks presents 13 New CSS3 & jQuery Menu and Navigation Tutorials for its users around the web
Contextual Slideout Tips With jQuery & CSS3
With this tut you will learn how to make a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they [...]
Share it
15 Beautiful Examples Of CSS Navigation
April 23, 2010 - 10:55 am
Tags: CSS, navigation
Posted in CSS | No comments
Navigation gives users easy acces website’s content. Here is a list of 15 well-designed navigation menus. Some of them use CSS sprites, some use jQuery or another library, and others take advantage of the great properties available in CSS3.
I hope you will enjoy this post. Please feel free to chime in by leaving a comment [...]
Share it
Build a Cool Animated CSS3 Menu with no Javascript
March 26, 2010 - 9:10 pm
Tags: css3, menu
Posted in CSS, Menus | No comments
This tutorial is about understanding, learning and mastering the some of the new features and properties of CSS3.
You will learn how to build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.
This menu works perfectly well with Chrome [...]
Share it
TOP Five CSS3 Navigation and Menu Tutorials and Techniques
March 16, 2010 - 9:29 am
Tags: CSS, css3, menu, navigation, techniques, tutorials
Posted in CSS, Menus, Tutorial | No comments
Top five collections of CSS3 Navigation and Menu Tutorials and Techniques from Ajax Freak
Sweet Tabbed Navigation Bar using CSS3
In this tutorial, you will be using the following CSS3 properties to create this ‘Sweet’ tabbed nav bar: rgba; opacity, text-shadow, pseudo selectors, rounded corners, gradients and box-shadow.
There are not many tutorials that will use this many new CSS3 [...]
Share it
Mega Drop Down Menus with CSS & jQuery
March 4, 2010 - 8:40 pm
Tags: Jquery, menu
Posted in Jquery | No comments
Mega drop down menus tested to be more efficient for large scale websites. I decided to experiment with different ways of implementing this technique and would like to share how I achieved this method.
Demo | Tutorial
Share it
Share it
jQuery iPod-style Drilldown Menu
January 20, 2010 - 11:25 pm
Tags: Jquery, menu
Posted in Jquery, Menus | No comments
A jQuery iPod-style drilldown menu to help users traverse hierarchical data quickly and with control. It’s especially helpful when organizing large data structures that don’t translate well into traditional dropdown or fly-out menus.
Demo can be found here.
Share it
Share it
Creating a glassy non div navigation bar
January 16, 2010 - 12:53 pm
Tags: bar, navigation
Posted in CSS | No comments
URL : Creating a glassy non div navigation bar »
Description : In this tutorial you will not use any divs, instead you will be forming a navigation bar using a unordered list. This tutorial will show you how to style and control lists in CSS, as well as showing you the valid ways of using [...]
Share it
iPod-style Drilldown Menu
January 11, 2010 - 8:38 am
Tags: ipod, menu
Posted in Menus | No comments
Description : This drilldown menu provides easy navigation of complex nested structures with any number of levels. The entire menu sits within a fixed-size area, and when a node is selected, breadcrumb links appear above the menu options to both deliver feedback and allow quick access back to nodes higher up in the hierarchy.
Link: iPod-style [...]
Share it
jQuery Feed Menus
January 7, 2010 - 10:57 pm
Tags: effect, Jquery, menu
Posted in Jquery | No comments
jQuery Feed Menus Allows users to click your feed icon and be presented with a list of feeds to choose from, when you have a list of two, three or more links to different feeds offered on your site.
Demo | Download
Share it
Share it
CSS Overlapping Tabs Menu
URL : CSS Overlapping Tabs Menu »
Description : In this tutorial you’re going to learn to create a simple, yet cool menu with overlapping tabs, that is easily customised, lightweight and versatile.
Demo : View Demo »
Share it
Share it