Open Source Resources for Web Application Developers

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

Having trouble of making your favourite text with CSS? CSSTYPE V2 lets you preview your css text as you modify it, and generates the code for you immediately. Typography is the art and techniques of type. The arrangement of type is the selection of typefaces, point size, line length, line spacing and letter spacing. It is very important to get the typography right. Good typography is just as important as good design.

Requirements: No Requirements
Demo: http://www.suprb.com/apps/csstype/
License: License Free

Would you like to have a set of customised checkbox and radio buttons? CRIR is a combination of JavaScript and CSS will hide checkbox and radio inputs and allow you to style the label as you wish using CSS. If javascript is disabled no inputs will be hidden and the form is still be fully functional.

Requirements: Any Modern Browsers
Demo: http://chriserwin.com/scripts/crir/index.php
License: GUN Libray Gerenal Public License

In many cases when we are developing a web site or web application, our traget market might not only be one country. We might provide different version for various people in different region or country. Here is a Flag Button Developement Kit created by Bartelme Design. We can create different flag buttons for different country easily.

Requirements: No Requirements
Demo: http://www.bartelme.at/journal/archive/flag_button_devkit/
License: License Free

When we are developing web services or web applications, we need users to input dates sometimes. We would like users input dates in a certain format so the data can be manipulate easily. If we ask users to input dates in certain format manually, it will be very clumsy. Therefore, a good date picker or calendar is needed. Users can click on the calendar icon, a calendar will pop up and let the user choose the date. The date will be input into a specific text field after choosing a certain date from the calendar.

We are now introducing you the best javascript calendar and date picker we have seen so far. Dynarch.com has developed an open source javascript calendar with the following extra features as well.

• The look is customizable through external CSS
• High quality color themes
• Keyboard navigation
• Can show days from adjacent months
• Can show week numbers
• Translated into many languages
• Any day can be “the first day of week”
• The default “first day of week” can be configured in the language file
• One can easily jump back or forward with 24 years
• Provides help hints (also configurable)
• Includes an optional time selector with 1 minute resolution
• Special days (configurable list of days that are displayed differently)
• Allows multiple days selection
• Fast and very easy to setup

Requirements: Internet Explorer 5.0+,Firefox, Netscape 7.x,Gecko-based browsers, Konqueror 3.2+ , Safari, Opera 7+
Demo: http://www.dynarch.com/demos/jscalendar
License: LGPL License

David Vignoni from Icon-King spent more than 1 year to create Nuvola version 1, the more professional, consistent and complete Nuvola theme ever released, it is one of the KDE themes. These icons look very cute and web 2.0 because of the glossy effect on each icon.

Requirements: No Requirements
Demo: http://icon-king.com/?p=15
License: LGPL License

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

Pinvoke has designed 4 sets of amazing mini icons ( 10×10 and 16×16 pixel ). The icons can be used royalty-free by the licensee for any personal or commercial projects.

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

Sometimes, designing pretty forms with high usability is really hard even with lots of tutorials about how to design forms with CSS. Now, there is a very beautiful forms for you to download and use. You can also design your own theme for it if you do not like the default theme. Niceforms is a script that will replace the most commonly used form elements with custom designed ones.

Requirements: Firefox 1.5+, Internet Explorer 6.0+, Safari and Opera
Demo: http://www.badboy.ro/assets/articles/niceforms1.0/niceforms.html
License: License Free