Open Source Resources for Web Application Developers

The Any+Time JavaScript Library includes an easy-to-use, easy-to-customize calendar widget (date and/or time picker) and a powerful Date/String parse/format utility. ATWidget is the AJAX-capable JavaScript GUI component. It is easy to add to a page and even easier to use! Unlike most date/time selection tools, nearly every field in an ATWidget control can be chosen with a single mouse click.

The ATWidget date/time control is attached to any input (text) field with a single line of JavaScript code. It can be placed as a popup or inline. The appearance of the ATWidget calendar tool can be customized by modifying or supplementing the included CSS stylesheet. All labels, as well as month, weekday and era names and abbreviations, are also easy to change.

Requirements: Prototype Framework
Demo: http://www.ama3.com/anytime/
License: Creative Commons License

• 7 Comments

A unique font can help your document stand out and attract attention. A perfectly suited font can help to make a design attractive and successful. Finding these high quality fonts is a task made easier with SearchFreeFonts.com. New SearchFreeFonts.com collection contains over 13,000 free fonts.

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

• 2 Comments

There are people all over the internet that are willing to give away their work for promotional purposes or because they want to spread their design talent to other people.

For this reason we are lucky enough to have a wide variety of free PSD website templates for your use and enjoyment. I have collected some of the best ones I found from around the web to bring to you, already split up into layers in Photoshop. Enjoy!

1) Design Studio PSD Template

2) Orange PSD Template

(more…)

• 72 Comments

jParse is a jQuery plugin that allows you to quickly and easily parse XML. With the jParse jQuery plugin, you can parse XML that is returned from an jQuery Ajax request. jQuery .ajax method does not allow for cross domain Ajax requests, so the XML that you would like to parse must be on the same domain from which you are working.

You can pull many types of information from an XML document like the value of an XML node, the value of an attribute of an XML node, or the number of <items> in an XML document. jParse jQuery Plugin has been tested on Firefox 2+, IE 6+, Safari 3+ and Opera 9+.

Requirements: jQuery Framework
Demo: http://jparse.kylerush.net/demo
License: MIT License

• 1 Comment

NMC has written a jQuery plugin for Zoomable, Interactive Maps. Each location on the map would be represented by a bullet. Clicking the bullet would bring up more information on the location. Since the locations of the bullets might be highly clustered, zooming into select subregions is possible too.

However, the plugin currently does nothing on its own to make content available to search engines and those with disabilities. And also, right now it is impossible to programatically interact with the map once it is launched. Eventually it will have a simple API to assist in navigation and other manipulations.

Requirements: jQuery Framework
Demo: http://www.newmediacampaigns.com/page/a-jquery-plugin…
License: MIT License

• 3 Comments

We have introduced some Free iPhone Icons for developers a week ago. They are designed and carefully optimized for use on toolbars and tab bars in iPhone apps. You can find them in AI and PSD formats.

Now we have some Free Android Icons for developers. The package includes 30 PNG menu icons plus the additional source files for further customization. All icons are distributed under a Creative Commons Attribution Share Alike license. Feel free to use them in any form in your projects or even remix them.

Requirements: -
Demo: http://www.androidicons.com/
License: Creative Commons License

• 4 Comments

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/

• 2 Comments

Do you remeber we have published a post of Accessible Very Tall Menus with jQuery and CSS? Some people found it not a good way to present information, because we cannot see everything on the menu in one go.

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

• 10 Comments

Pluralink is an amazing javascript plugin to arrange multiple links in your text. Here is how it works. Suppose you have to include 3 links in a text. What you usually do is that you list it one after the other in a single line which gives a feeling of repetition. For example, if you want to link to google, yahoo and bing in a single line, you will write as “the three top search engines google, yahoo, bing contribute …”.

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

• 2 Comments

Validatious 2.0 is an easy form validation with unobtrusive JavaScript. Validatious requires no JavaScript library. However, if you’re already using one, Validatious can easily work with it, and even benefit from it.

There are several settings allow you to control how and when Validatious does validation, how it displays errors and more. If configuring isn’t enough, callbacks and easy overriding gives you complete control.

You can also add custom validators with only a couple of lines of JavaScript. If your site’s language is not english, you probably don’t want error messages in english. There are several ways of changing languages as well.

Requirements: Javascript Enabled
Demo: http://validatious.org/learn/examples
License: BSD License

• 8 Comments