CSSMate is an online css editor, you can create css code with ease. Its easy to use and handy tool specially for developers Why i am saying for developers because most of the developers (Not All) are unable to handle css code so if you are from the “most of”, this is the tool for you.

Read the rest of this entry »

WebMenuBank.com provides the free menu resources. It has a nice library that contains a collection of Horizontal, Vertical and Flash menu.

Select any menu and you will get the code to use for your site for FREE.

Website: http://www.webmenubank.com

Free Calendar with MySQL and Script.aculo.us has 3 main parts, the Javascript, the HTML and the PHP script. You can change the date with the form and it will update the calendar without having to reload the entire page, AJAX style.

Its very easy to use this Calendar System. Simply copy the entire calendar into whatever directory you want. Create your database and import the “databaseSQL.sql” file into it, this will create the default data for running it. And then, alter the “databaseConnection.php” file to show your connection details.

Read the rest of this entry »

sIFR is a javascript alternative specially for Designers & Developers. It gives them the freedom to choose the font they like for their audience. It accomplishes this by using a combination of javascript, CSS, and Flash.

Features:

• Fully accessible to screenreaders and other assistive technology
• Works on Mac, Windows, and Linux
• Works with all major browsers
• sIFR is less than 10k and only loads once

Website & Demo: http://www.mikeindustries.com/blog/files/sifr/2.0/

Download siFR 2.0 Code

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.

The 960 Grid System is free to use, and may be repurposed to meet your specific needs. Several projects have already spun off, including versions that were built to be fluid and elastic. Additionally, it appears that it will be adapted for Drupal.

These templates are offered Free of charge in accordance with the applicable licenses for 960 Grid System and Mootools.

WooThemes have adopted it as their framework of choice for commercial WordPress themes.

Usability and accessibility are all the rage right now and that’s great because it’s slowly making the web a better place. Unfortunately, some of the goodies in our bags of tricks aren’t quite up to snuff when it comes to these two areas. One such goody is the good old select element—specifically with the multiple attribute enabled. How about we do away with them and try something different?

Why not replace that cumbersome select box with a scrollable checklist?

Read the rest of this entry »

Slide box, With it, you can take any div and transform it into a top/bottom sliding panel.  This script has a nice and smooth animation effect, it slides down and slides up with ease.

Read the rest of this entry »

“How to create a stylish loading bar as Gmail in javascript“. As you can suppose it will be about how to create the famous loading bar from gmail.

But the magic on this tutorial isn’t the loading bar, it’s the way to load all resources like javascript, css, and other static files that our web application will need, to delete user waiting times during his visit.

View Loading Bar Demo

Download Source Files

View Tutorial

Working on the web projects and looking for ideas for the menu navigation?

Styled Menus may be an attractive alternative to help you design your menu. It is nothing less than a site that offers a wide variety of designs in very professional, compatible with all web browsers. You Can see each of the designs in action and download all the code of those who have called your attention.

Read the rest of this entry »

CSS Generator Framework is a tool that can save us much time, because with just putting the html of the site automatically generates a list of CSS for use with the class ID’s.

This tool returns corresponding CSS in a line-by-line way indented with spaces to reflect XHTML structure – each selector and all of its properties and values in one line. This may be a bit strange for you at the beginning, but if you get used to it you’ll find it much better.