Open Source Resources for Web Application Developers

Unobtrusive Table Sort Script can sort dates (dd-mm-yyyy, mm-dd-yyyy or yyyy-mm-dd formats accepted), currency values (£, $, €, ¥ and ¤), numbers/floats and plain-text (sorted in a case-insensitive manner). It also enables zebra striping the table rows and highlighting the currently sorted column. All table column s are sortable. You can implement your own sort function easily if you would like to. The table looks really nice as well.

Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.frequency-decoder.com/demo/table-sort-revisited/
License: Creative Commons License

• 0 Comments

Christopher Einarsrud was intended to develop a flash photo gallery called Polaroid Gallery for his online portfolio in year 2006, but he ended up going for something completely different. He thought that it might come in handy for someone else, so he decided to release it as a free and open source flash gallery for everyone. All the photos are displayed as Polaroid Photos, you can move them around with your mouse. You can also double click on each photo to zoom in. Polaroid Gallery looks so fresh and stunning that I would like to have one too.

Requirements: Modern Browsers with Flash
Demo: http://www.no3dfx.com/polaroid/
License: Creative Commons License

• 18 Comments

Couloir Slideshow is a demonstration of Flash-like behavior implemented solely in Javascript, HTML, and CSS. It is a very good resources for creating a gallery with resizing and fading effects. You are permitted to use it on your own project so long as you do so according to the rules outlined in the Creative Commons ‘Attribution-ShareAlike 2.0′ License and the license terms contained in the associated, third-party APIs.

Requirements: Any Modern Browsers with Javascript Enabled
Demo: http://www.couloir.org/js_slideshow
License: Creative Commons License

• 4 Comments

Do you want to build your own color schemer? Do you want to put a color picker in your web application? ColorJack DHTML Color Picker is the best choice. Users can simply click on the color picker to choose their favourite color. Also, users can drag the color picker to where they want it to be. They can even close it easily by clicking on the “X” symbol at the top right hand corner. It’s licenced under Creative Commons, so you are free to use or modify the DHTML Color Picker on your own project.

If you like this, you might want to use ColorJack Sphere Color Picker as well. However, this version is not compatiable with Internet Explorer at the moment. Therefore, there is no download-able package at the moment.

Requirements: Any Modern Browsers with Javascript Enabled
Demo: http://www.colorjack.com/plugin/
License: Creative Commons

• 1 Comment

Yellow5 wrote a unobtrusive, lightweight javascript datepicker for us. It is so small that you can use it on your pda, but the functionality is just about right. There are also a few advantages to using DateChooser over other javascript datepickers according to Yellow5:

• The HTML for the calendar is standards-compliant.
• The calendar appears in the same window as the input field(s). It doesn’t annoyingly pop up in a new window.
• It has no hard-coded styles; apply your own .css file to customize DateChooser’s appearance.
• Return values are flexible, using patterns borrowed from PHP’s date() function.
• It doesn’t pollute the global namespace.
• It uses unobtrusive, warning/error-free javascript.

Requirements: Internet Explorer 5+, Firefox 1.0+, Opera 8+, Safari
Demo: http://yellow5.us/projects/datechooser
License: CC Attribution 2.0 License

• 0 Comments

Famfamfam offers us a set of wonderful and most pupular icons on the internet named “Silk” which contains over 700 16-by-16 pixel icons in strokably-soft PNG format. And all for a low low price of $0.00. You can’t say fairer than that.

Requirements: No Requirements
Demo: http://www.famfamfam.com/lab/icons/silk/
License: Creative Commons Attribution 2.5 License

• 1 Comment

BrandSpankingNew made a re-usable Ajax auto-suggest and auto-complete text field. The AutoSuggest class adds a pulldown menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate the list using the up and down arrow keys, selecting a value using the enter key.

Requirements: Safari 2.0.4, Firefox 1.5+, Internet Explorer 6.0+
Demo: http://www.brandspankingnew.net/specials/ajax_autosuggest/…
License: Creative Commons License

• 1 Comment

Measure Map released a version of Date Slider to public. The date slider is a Flash visualization that Measure Map uses as one way to navigate the site. It is actually an interactive bar chart, users can moverover each bar to view the details. And also, they can select a date range, for example, 20-July-2007 to 31-July-2007, some variables are sent from Flash to JavaScript so that we can show the users how many things are between the date range. Users can analysis the data in an easy way. Developers can also customize the colors of the chart.

Requirements: Any Modern Broswers with Flash 6.0+
Demo: http://www.measuremap.com/developer/slider
License: Creative Commons License

• 1 Comment

Sometime, we need a way to show one or a set of images in a more elegant way. Lightbox is a simple, unobtrusive script used to overlay images on the web pages. It is extremely easy to setup and works on all modern browsers. The best thing of it is that if you have a set of images, the script will preload all images before you clicked to the next image. So that you do not have to wait for loading everytime you click to the next image.

* Lightbox uses the Prototype Framework and Scriptaculous Effects Library.

Requirements: Any Modern Browsers
Demo: http://www.huddletogether.com/projects/lightbox2/#example
License: Creative Commons Attribution 2.5 License

• 2 Comments

Pinvoke has created 5 sets of amazing mini fonts ( Base size: 8 points ). The fonts can be used royalty-free by the licensee for any personal or commercial projects. If you like these fonts, you may also like
Pinvoke Mini Icons as well.

Requirements: Any Browsers
Demo: http://www.pinvoke.com
License: Creative Commons Attribution 3.0 license

• 0 Comments