It is easy to follow, it also helps you save the space of your webpage and make visitors feel comfortable by the awesome toggle login form. The tutorial explains how it works step by step and it’s good for learning how to do the toggle and tooltips with jQuery.

Requirements: jQuery Framework
Demo: http://aext.net/example/twitterlogin/
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

So, we can say that each group of fields represent a sub task of a larger task – filling the entire web form. Thus, each sub task can become a step with a description, input fields and navigation that is common for wizard forms – back and next. The entire process can be done in several simple steps.

This detailed tutorial will show you how to turn long webform into a wizard with jQuery. A plugin is also available for download.

Requirements: jQuery Framework
Demo: http://www.jankoatwarpspeed.com/examples/webform_to_wizard/
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

Application Icon Set inclides Register, Settings, Users, Database, Login, Chat, Add, Delete, Edit, invoice. They are in PNG format with 128, 64, 48, 32px sizes. Web Icon Set regularly adding more great web icons, so please stay tuned.

Requirements: -
Demo: http://www.webiconset.com/
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

With Simply-Buttons Javascript component provided, you can solve the caveats above as well. You can easily modify the buttons look and feel. You can do this by creating your own stylesheet. If you like this, you might be interested in Simple Round CSS Buttons or Colorful and Scalable Buttons or Beautiful Scalable CSS Buttons as well.

Requirements: -
Demo: http://www.p51labs.com/simply-buttons-v2/
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

Freeware fonts can be used commercially or non-commercially without acquiring copyright permission as long as you will not profit from the use of the font. Detailed copyright information is available for individual fonts in the readme.txt file, or copyright.txt which are included as a part of the zip font file.

Requirements: -
Demo: http://www.searchfreefonts.com/
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

Raindrop is an exploration in messaging innovation being led by the team responsible for Thunderbird, to explore new ways to use Open Web technologies to create useful, compelling messaging experiences.

A central principle behind Raindrop is that messaging should be personal — they want Raindrop to be people-centric both in how they process messages, and in how they can help give people control over their personal data and experiences.

When a friend’s link from YouTube or flickr arrives, your messaging client should be able to show the video or photos near or as part of the message, rather than rudely kicking you over to a separate browser tab.

Notifications from computers and mailing lists should be organized for you, not clutter your Inbox or require tedious manual filter setup. It should be easy to smoothly integrate new web services into your conversation viewer entirely using open web technologies.

Source: http://mozillalabs.com/raindrop/

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

Now SohTanaka has come up with another solution – Mega Drop Down Menus. According to usability expert Jakob Nielson, mega drop down menus tested to be more efficient for large scale websites.

Requirements: jQuery Framework
Demo: http://www.sohtanaka.com/web-design/examples/mega-dropdowns/
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

But with Pluralink you can show all your links as a drop down list from which the user can choose any of those. It gives a nicer look as well. You can download either the pure pluralink version or the wordpress plugin version for free.

Requirements: -
Demo: http://pluralink.com/
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

The clock is composed of three groups of images: hours, minutes and seconds, which are split in an upper part and a lower part so we can obtain the “flip” effect. The main animation consists of reducing the height of the upper part from 100% to 0%, then increasing the height of the lower part from 0% to 100% for each group in which a digit changes.

Requirements: Mootools Framework
Demo: http://nettuts.s3.amazonaws.com/470_clock/Source/index.html
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

This guide is for using the Mu JavaScript library to access the above on your site. Mu is a very lightweight library which you can use Facebook Connect on your site along with your favourite JavaScript library such as Dojo, jQuery, MooTools, Prototype or YUI.

Requirements: Facebook Connect
Demo: http://mu.daaku.org/console/
License: License Free

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images