Open Source Resources for Web Application Developers

Another great Addon for Ext Framework again. Ext File Upload Form Widget is to provide an user interface for easy uploading of files to a server.

Files are first added to an “upload queue” and then they are uploaded to the server. Any file can be individually removed from the queue before upload or the whole queue can be cleared.

The result of upload is shown for each file by icons of success or failure and, in the case of failure, the server error message is shown as the tooltip of the failure icon.

Requirements: Ext Framework
Demo: http://aariadne.com/uploadform/
License: LGPL License

• 6 Comments

RichFaces is a rich component library for JavaServer Faces built on an advanced open source framework (Ajax4jsf). It allows easy integration of AJAX capabilities into enterprise-level business application development. RichFaces enriches the Ajax4jsf framework in two important ways. First, it expands the number of visual ready-to-use components. Secondly, it fully implements the skinability feature of the Ajax4jsf framework including a large number of predefined skins. Using skinability, it is much easier to manage the look-and-feel of an application.

This demo Web application showcases the most important functionality available in RichFaces components. For each component or component set selected in the left-hand sidebar, you can see it in action. Also, you can instantly see the effect of predefined skins on the application whole look-and-feel. I really like the “Drag Indicator” one.

Requirements: No Requirements
Demo: http://livedemo.exadel.com/richfaces-demo/
License: LGPL License

• 2 Comments

We have mentioned earlier Ext is a JavaScript framework for building web applications. It has got some stunning UI components to aid your development. We can use Ext Framework to create Beautiful Ext Grid Tables easily. The tables provide the following features.

1. Expander Rows, Collapse and Forse Fit
2. Framed with Checkbox Selection and Horizontal Scrolling
3. Grid with Numbered Rows
4. Support for Panel Features such as Framing, Buttons and Toolbars

Requirements: Ext Framework
Demo: http://extjs.com/playpen/ext-2.0/examples/grid/grid3.html
License: LGPL License

• 0 Comments

Multi-color sIFR (Scalable Inman Flash Replacement) is a technology that allows you to replace text elements on screen with Flash equivalents with colors. sIFR is a DOM replacement method originally conceived by Shaun Inman and turned into a high quality cross-browser, cross-platform typography solution for the masses.

sIFR allows website headings, pull-quotes and other elements to be styled in whatever font the designer chooses without the user having it installed on their machine.

Multi-color sFIR implementation is easy – just add sEmColor:”#FF4400″, sStrongColor:”#FF0000″ and sSpanColor:”#EE6600″ into your named argument call function at the bottom of the .html file and if the script finds a <strong>, <em> or <span> elements, each one will be colored3. And they can be nested, too.

Requirements: Browsers required Flash
Demo: http://webdesign.maratz.com/lab/multi_color_sifr/
License: LGPL License

• 3 Comments

Akelos is a PHP4 and PHP5 port of Ruby on Rails PHP framework for developing database-backed web applications according to the Model-View-Controller pattern. From the Ajax in the view, to the request and response in the controller, to the domain model wrapping the database the Akelos PHP Framework gives you a pure-PHP development environment built upon programming best practices. To go live, all you need to add is a database and a web server. Akelos PHP Framework is designed for PHP developers who want to enjoy writing web applications and Ruby on Rails developers who need to code in PHP. It allows developers to write multilingual web applications easily as well. It lets you write beautiful PHP Code by favoring convention over configuration.

Requirements: Web Server and Database
Demo: http://www.akelos.org/screencasts
License: LGPL License

• 1 Comment

Ext is a JavaScript framework for building web applications. In early 2006, Jack Slocum began working on a set of extension utilities for the Yahoo! User Interface (YUI) library. These extensions were quickly organized into an independent library of code and distributed under the name “yui-ext“. By the end of the year, the library had gained so much in popularity that the name was changed simply to Ext, a reflection of its maturity and independence as a framework.

Requirements: Internet Explorer 6+, FireFox 1.5+, Safari 2+, Opera 9+
Demo: http://extjs.com/deploy/ext/docs/index.html
License: LGPL License

• 0 Comments

HTML text editor brings to the web much of the power of desktop editors like MS Word. FCKeditor is a lightweight and doesn’t require any kind of installation on the client computer. Web Developers can customize the toolbar, change the skin and install new plugins easily. Users can font formatting and create html text without any difficulties.

Requirements: Internet Explorer 5.5+, Firefox 1.0+, Mozilla 1.3+ and Netscape 7+
Demo: http://www.fckeditor.net/demo
License: GPL, LGPL and MPL License

• 7 Comments

Amberjack enables webmasters to create cool site tours like Demofuse. By guiding your site visitors, Amberjack tours can greatly improve the usability of your website. It is also a lightweight (4kb) cross-browsers javascript library under LGPL license. Best of all, nothing needs to be installed. Use the Tour Wizard to create great looking and helpful tours for your site or web application.

Requirements: Any Modern Browsers with Javascript Enabled
Demo: http://amberjack.org
License: LGPL License

• 0 Comments

WYSIWYG is an acronym for What You See Is What You Get, users can edit and format what they typed from the textarea and view something very similar to the end result. TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released by Moxiecode Systems AB. It has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.

Requirements: Mozilla, MSIE, FireFox, Opera and Safari
Demo: http://tinymce.moxiecode.com/example_full.php?example=true
License: LGPL License

• 0 Comments

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

• 7 Comments