Get animated menu effect using jQuery. A simple and small script that does the trick. Cool effect for your website, or application using jQuery.

The jQuery Javascript

View Demo

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.

It’s simple to use and easy on the eyes. You just need to follow some steps and its done!

Features:

• Lightweight
• Cool Curved Borders
• Easily Customizable

Requirement: jQuery 1.2.1

Website: http://famspam.com/facebox

The Sexy Curls jQuery Plugin is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold.

It has nice curl effect and that curl could be manual or automatic in its behavior. You can easily customize this plugin.

Website: http://www.elliottkember.com/sexy_curls.html

Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally.

As the fonts that can be used in websites are limited, there are several solutions to this problem like sIFR or FLIR. typeface.js is another open source solution which uses JavaScript.

Website: http://typeface.neocracy.org

Demo: http://typeface.neocracy.org/examples.html

SyntaxHighlighter helps a developer/coder to post code snippets online with ease and have it look pretty. It’s 100% Javascript based and it doesn’t care what you have on your server.

Features:

• Supports Multiple Languages
• Lightweight
• Compressed Core Library is 11kb
• Nice and Clean output

SyntaxHighlighter isn’t for those looking for ability to edit highlighted code. SyntaxHighlighter doesn’t allow users to edit the source.

Download: http://code.google.com/p/syntaxhighlighter/

Blackbird offers a dead-simple way to log messages in JavaScript and an attractive console to view and filter them. You might never use alert() again. You can add Blackbird to your page easily, simply download the files and place them on your server or in a local directory on your computer.

Website: http://www.gscottolson.com/blackbirdjs/

Download and View Examples

jQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is a great and a really easy to use script to magnify what you want.

JQZoom Evoution has nice examples for magnifying images like Reverse Zoom, Zoom without lens and many more…

Compatibility: Works on all modern browsers

Website: http://www.mind-projects.it/projects/jqzoom/

Download Code

Flexigrid for jQuery - Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration.

Features:

• Resizable columns
• Resizable height and width
• Sortable column headers
• Cool theme
• Can convert an ordinary table
• Ability to connect to an ajax data source (XML and JSON [new])
• Paging
• Show/hide columns
• Toolbar (new)
• Search (new)
• Accessible API and many more…

Website: http://www.flexigrid.info

Download: http://code.google.com/p/flexigrid

A Free Animated Menu for Mootools – you won’t even have to muck about in javascript.

Simply define:

• a container for the background image
• the nav elements
• the ‘current’ nav element ID
• the animation’s horizontal track (the y coordinate of the background-image)
• the left offset of the image in relation to the nav element

Visit Site and Demo

Download Code

The Web Development Project Estimator is a simple tool that allows web designers and site developers to quickly and thoroughly estimate the time and materials required for a proposed web project.

When finished, you can view your finalized estimate in a print-ready format in case you’d like to save a PDF or print a copy for your records.

The tool does not offer any benefit over a Google spreadsheet, but there’s a lot of freelance web designers/developers who don’t have an estimating process at all and it was created for them.

Website: http://estimator.astuteo.com