In this post I’ve selected 13 jQuery navigation menu tutorials that you can learn from them how to impalement your own jQuery based navigation and have some great effects.

Before getting stared you maybe interested in looking my post about making navigation menu using CSS and Adobe Photoshop.

[13 hand-picked Vertical and horizontal CSS Menus]

1- How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

As you know there are a host of competing javascript libraries around these days. Though I prefer jQuery, I’ve always liked the way the menu on MooTools worked. So in this tutorial we’ll recreate that same effect.

2- How to make accordion menu using jquery

In this post I’ll show you how can you create fancy accordion menu using jQuery. In this post, you’ll see two examples of accordion. First menu’s visibility get’s toggled on clicking on the header while the another menu’s visibility get’s toogled when mouse is moved over it.

3- jQuery idTabs

4- Create a multilevel Dropdown menu with CSS and improve it via jQuery

5- Using jQuery for Background Image Animations

6- jQuery & CSS Example - Dropdown Menu

This article is intended to describe an extremely basic, yet extremely powerful, technique for adding dropdown menus in your application user interface or website design.

7- Create an apple style menu and improve it via jQuery

8- Creating a Floating HTML Menu Using jQuery and CSS

9- Drop down menu with jquery

Here’s a drop down animated menu example made with jquery.js 1.2.2

10- Jquery Vertical Slide (Dropdown) Navigation

11- Multi-level drop down menu with jQuery

There are a lot of horizontal drop menus around the web today and they are becoming more and more popular. If you have ever seen these menus and wondered how they work, then today is your lucky day! Here I will be discussing my thoughts as I build a drop down menu from scratch and add some jQuery to it to make it just that little bit more unique and special.

12- Seven jquery plugin to build lovely menu

13- Superfish - “menu jQuery plugin”

Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu (so it degrades gracefully without JavaScript).

1- Abstract Classic

This theme has a clean view with simple gray-blue icons.

2- Bible Fox

Having a simple classic view for your FireFox using this theme. A simple theme with brown and tan using Christian symbols

3- MyFireFox

Due to its view, it can work perfectly in Windows Vista Ultimate.

4- NASA Night Launch

A dark theme for FirefFox. If you like to have a black view of space on your browser, I recommend it.

5- CrystalFox Modern

This Firefox theme is based on Crystal SVG and Crystal Clear and light icons

6- Aquatint Black Gloss

Having glossy black theme with the icon set from Aquatint using glassy aqua buttons. A dark view for your browser

7- Qute

What an amazing view it really has! This is a simple theme with clear, colorful icons.

8- Chromifox

A bright blue theme for Firefox. You can have a coat of Chrome for your Firefox using this this theme.

9- Flook Theme

Having a theme that is base on flock

10- GrApple Delicious (blue)

A cool theme for Mac users to have a nice environment

11- Phoenity Reborn

This theme is renewed for Firefox. It has a new style, colorful icons. Nice for all!

12- iFox

It is just simple and clean. Try it!

13- Aero Fox

Having glossy icons and backgrounds on your Firefox

14- Black Steel

Just another theme with dark view and dark steel

15- RulerDark

This theme is based on GrApple. It is simple to use to have a dark theme for your Firefox

Also if you need inspiration take a look to the links blow:
- 10 Brilliantly Creative Business Cards Ideas
- Cool business card designs

1- Making a Print-Ready Business Card Using Only Photoshop

2- Create Stylish Business Card in Photoshop

3- Creating a Business Card

4- Custom Sim Cards Tutorial

5- Blue-Grey Visiting-Card

6- create a new Business card

7- Cardboard And Torn Paper Business Card

8- Creating a Modern Business Card

9- Making a red business card

10- Ideas for Business Card Layouts

11- Make business card in Photoshop

12- Making a grungy business card

13- Electronic Nike Business Card

14- Create a Business Card in Photoshop

15- Professional Business Card

16- Creating a business card

17- Designing a cool Business Card

18- Designing an all purpose sleek business card

19- Design Business Cards in Adobe Photoshop

A search engine to find web hosting With 119,232 new domains registered only in the last 24 hours more and more people are striving for an online presence. The only thing is that most lack resources and ability to host their own websites and so look to the web hosting industry for assistance. Web hosting today however is a cluttered market with thousands of registrars fighting for survival.

That’s where Web Hosting Search enters the picture. This online web hosting guide works as a filter to separate the cheap from the ridiculously costly, the best from the worst and the most extensive from the simplest. You get discount deals if you sign up for web hosting through their site and don’t forget that you have the ability to choose between linux, dedicated, vps and shared hosting.

Top lists, best prices and web hosting offers aside, this site is best described as a comfort destination where you comfort is priority #1. It’s not spammy, it’s not laden with terrible pop-up ads, nor flashy banners like many other hosting sites. Google all you want but if it is a search engine dedicated to finding web hosts you are looking for, Web Hosting Search is the right place for you.

After searching the web and inspecting users needs, I’ve selected over twenty FireFox Add-ons for different FF users. In this collection I’ve covered general users, blogger’s, designers, developers and freelancers. So let’s get started!

Before doing any work you need to install the newest version of FireFox .

After installing it , you can addthe add-ons below to your FF easily.

[DOWNLOAD]

1- FoxClocks

If you are a Freelancer, you probably will  need to this Add-on, because you should know what time it is in your international customer country.

FoxClocks is a practical add-on for presenting different time zones.

“FoxClocks lets you keep an eye on the time around the world - or just your local time - by putting small clocks in your statusbar”

2- TwitterFox

“TwitterFox is a Firefox extension that notifies you of your friends’ statuses of Twitter”

3- SearchStatus

“Display the Google PageRank, Alexa rank and Compete ranking anywhere in your browser, along with fast keyword density analyser, keyword/nofollow highlighting, backward/related links, Alexa info and more”

4- MeasureIt

“Draw out a ruler to get the pixel width and height of any elements on a…”

5- ColorZilla

“Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies…”

6- Delicious Bookmarks

“Delicious Bookmarks is the official Firefox add-on for Delicious, the world’s leading social bookmarking service (formerly del.icio.us). It integrates your bookmarks and tags with Firefox and keeps them in sync for easy, convenient access”

7- Firebug

“Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page…”

8- UnMHT

Use this Add-on to save a page completely  in just one file.

9- Adblock

“Ever been annoyed by all those ads and banners on the internet that often take longer to download than everything else on the page? Install Adblock Plus now and get rid of them”

10- ColorfulTabs

“The most beautiful yet the simplest add-on that makes a strong colorful appeal. Flock version available at http://binaryturf.com/software/colorfultabs-for-flock/. Colors every tab in a different color and makes them easy to distinguish while beautifying the overall appearance of the interface. An essential…”

11- Download Embedded

“Downloads all or selected embedded objects on a webpage. Can be used for downloading movies, mp3s, flash, quicktime, or other embedded files (although this does NOT work on video embedded in flash [ youtube, video.google.com, etc….”

12- Google Reader Watcher

“Checks your Google Reader for unread news”

13- GooglePreview

“Inserts preview images (thumbnails) and popularity ranks of web sites into the Google and Yahoo search results pages”

14- Paste to Tab and Go

“Paste a string to tab and load it, like Paste and Go extension, but unlike Paste and Go, this extension will paste a string from clipboard to a tab without switching to the tab first”

15- Show Go

“Always show the go button in the location bar…not just when you type in the location bar”

16- StumbleUpon

“StumbleUpon discovers web sites based on your interests, learns what you like and brings you more”

17- Web Developer

“Adds a menu and a toolbar with various web developer tools”

18- Flashblock

“Never be annoyed by a Flash animation again! Blocks Flash so it won’t get in your way, but if you want to see it, just click on…”

19- Ctrl-Tab

“Ctrl+Tab navigation and “All Tabs” panel”

20- Status-bar Calculator

“It’s a tiny calculator that sits in the status bar. Does simple math, and decimal/octal/binary conversions”

21- FireFTP

“FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers”

22- Speed Dial

“Direct access to your most visited websites”

I’ve seen a lot of flash galleries on the web and there are growing fast, in this post, I’ve put together 37 of the best and most beautiful free flash galleries that have been made ever.

1- Flash Photo Gallery

This gallery is easy to configure and update since you need to change only the XML file.
I’ve mentioned some of itsfeatures here:

- Flash Gallery is 100% FREE!
- Easy to implement in your site
- Intuitive navigation
- Cross platform - Windows/Macintosh/Linux
- Lightweight, only 11KB
- Image preloader and effects

2- Flash Gallery

This is a free flash gallery for you.You can download it from www.flash-gallery.org website.

Here are a few of its features:

- easy installation
- forms slideshow automatically
- supports Flickr photostream
- customizable design
- fully resizable

3- Free Flash & XML Slideshow Photo Gallery

You can easily add, edit or delete images and thumbnails by editing an xml file in Notepad.

Features:

-  Flash Slideshow Photo Gallery
- Next and Previos Buttons
- Add unlimited number of images
- Add photos and captions easily in an XML file which can be easily edited in Notepad
- Preloader for loading images
- Images are loaded externally from a photos folder
- Neat fade-in and fade-out photo transition effect

4- Free Flash & XML Photo Album with Categories

You don’t need the Flash software for editing the gallery. You can easily add, edit or delete pictures and categories by editing a xml file in Notepad. Creating your own Flash photo gallery has never been easier! You can add unlimited number of categories and photos! You need Flash Player 8.0 to view this Flash Photo Gallery.

Features:

- Add unlimited number of categories
- Add unlimited number of images
- Next and Previous buttons to navigate

- Images are loaded externally from a photos folder
- Nice fade-in and fade-out photo transition effect
- Add categories, photos and captions easily in an XML file which can be easily edited in Notepad

5- SimpleViewer

SimpleViewer is a free, customizable Flash image viewing application.

Main Features:

-  Intelligent image pre-loading.
- Intuitive image navigation
- Lightweight (17k).
- Customizable interface - Set text color, frame color and width, navigation position.
- Resizable interface - Interface scales to fit browser window.
- Cross platform - Windows/Macintosh/Linux (requires Flash 8 or higher).
- Flash 8 detection. Users without Flash 8 are messaged to upgrade Flash.
- International font support.
- Keyboard Navigation (Cursor keys, Home, End, Page Up/Down)
- Mousewheel navigation
- Optionally right-click to open image in a new window.

6- Agile Gallery

AgileGallery is a free Flash photo gallery that rips through the XML output from Picasa (a free download from google) and generates the paging and thumbnails and displays the full sized photos along with any description entered in Picasa. It also includes a slideshow feature.

7- XML Image Gallery With Source

Tony’s Photo Album is a open source image gallery, you can check its demo by clicking the link below or download it.

[DEMO]

[DOWNLOAD]

8- FREE Photo Gallery

Photo Album v.2 is a free image gallery, you can download it by clicking the link below.

[DOWNLOAD]

9- Flash Photo Album

It’s an easy to use flash gallery.

Main Features:
- Dynamic Picture loading
- Easy to install and easy to change content
- Show pictures automatically with slideshow
- Integrate to any web site
- No server side scripting or database requirement
- Adds great look and functionality to your web site
- Specify other configuration file like asp or php.
- Showing selected image on thumb and showing selected page of thumbs.
- Ability to show up to 1200 images.

10- dfGallery

dfGallery is a free flash gallery, Take a look to some of features.

Features:

- Flash Gallery to support both Flickr , Picasa , Fotki, Photobucket and Custom Images.
- Enable / Disable “Print Screen” ( requested by Photographers )
- Easily Customizable
- Full Screen mode. ( on the Right Click - Flash Player 9)
- Supports both RSS and Custom Images.
- Liquid Layout - Fits to any size you specify.
- Background MP3 music.
- Multiple language support.
- Notifies if a new update is available. 1.003b

11- Flash Page Flip Photo Gallery template for Picasa

12- Flash Photo Stack Gallery

13- Polaroid Gallery

A FREE, open source flash gallery developed by Christopher Einarsrud. The script loads images and image titles dynamically from an external xml file or a Flickr RSS feed.

14- 3D Flash image viewing

TiltViewer is a free, customizable 3D Flash image viewing application.

15- AutoViewer

AutoViewer is a free, customizable Flash image viewer. AutoViewer is designed to display a linear sequence of images and captions.

16- PostcardViewer

PostcardViewer is a free, customizable Flash image viewer. The interface is based on the real world metaphor of a set of postcards shuffled onto a surface.

17- Zen Flash Gallery

Zen Flash Gallery combines simplicity and elegance.

Main Features:

- Flash component (cs3) and swf-xml versions available
- Elegant author’s design
- Smart usability
- Multiple image folders
- Gallery parameters configuration via XML
- Image captions
- Slideshow mode
- Sound effects
- Gallery code is optimized for high productivity

18- Art Flash Gallery

Art Flash Gallery will organically blend with any design thanks to multiple appearance settings.

Take a look to some of features.

Features:

- Flash component (cs3) and swf-xml versions available
- Advanced appearance configuration possibilities
- Gallery parameters configuration via XML
- Convenient thumbnail bar
- Navigation bar
- Image captions
- Slideshow mode
- Full-screen mode
- Sound effects
- Gallery code is optimized for high productivity

19- Nineteen Free Picasa Flash and HTML templates to showcase your photos

Here are nineteen Picasa web templates to create web Flash and HTML photo galleries and slideshows using Google’s Picasa without any knowledge of Flash, HTML, CSS and Javascript. Use these free templates to showcase your photos and images.

Note: Don’t forgot to subscribe feed

Today, I have some professional fonts for you! This is a list of my preferred free fonts I often use in my design projects.
Sometimes, for designing new Websites we need some heavy or thick fonts, these fonts will be handy in different places ,so I’ve picked some of the most popular of them here.

Fonts List

1.”Capture it” is a dirty font for designing a grungy header:

[Download]

2. “Urban Sketch” is a beautiful font to design big header elements:

[Download]

3. “Strenuous” is a thick font to design headlines:

[Download]

4- “Youre Gone” is a pretty headline font for your websites:

[Download]

5- “Molot” font is a beautiful thick font, very good to be used, with a big size, for titles and headers:

[Download]

6- “JimThorpe”  is a large font. I prefer use it with a big size in my projects.

[Download]

7- “BlaxSlabXXL”

[Download]

8- “Gipsiero”

[Download]

9- “Digg” is a excellent font to design logos.

[Download]

10- “Dirty Headline”

[Download]

11- “SMUDGERS“  is dirty font to design grungy designs.

[Download]

12- “A Bite” is a big font for designing advertising banners.

[Download]

CSS Menus

Vertical Menu with Hover Effect using CSS

Creating a three-level rollover vertical menu with CSS

Using CSS and HTML to create menus is simple and efficient, as it allows you to build and expand the menu by adding new levels and items easily. In this tutorial, we’ll build a three-level rollover menu that expands vertically when the user moves their mouse over the items.

CSS Drive vertical menu links

Vertical menu links with an image rollover, achived by changing its background image. The height of each link here is deliberately set to be shorter than that of its background image, which can create an interesting clipping effect depending on the image used.

Arrow Bullet List Menu

This CSS list menu features category headers with a two toned background, UL elements that have their default margins and padding removed, and finally, LI elements with custom bullet images. The result is something simple but elegant, and resembling something you might have seen on this site already

Sliding Doors Vertical Menu

This nicely padded vertical menu swaps between two background images depending on whether the mouse is over or out of a menu item. To ensure a perfectly smooth transition between image change (especially in IE), it uses the Sliding Doors technique and a single background image that merges the two backgrounds into it.

Glossy Vertical Menu

This is a CSS vertical menu that uses a thin, repeating background image that changes when the mouse moves over a link. The image is glossy looking with an indent at the bottom to create a nice separation between links.

Blue Blocks Menu

This is an attractive “blocks” CSS menu with an accompanying hover effect. We added some changes of our own to the CSS to create a consistent menu width across browsers.

Horizontal Menu

Vertical Buttons

3D Imenu in blue

Drop Down Menus

Horizontal Menu - Simple Blue Tabbed

Horizontal Menu - Blue Sprite

Download CSS menus

Download CSS menus

11 CSS menu for download

Free Menu Designs

CSS Menus

Free CSS feature CSS menus from various web designers and developers throughout the net.