Open Source Resources for Web Application Developers WebAppers - Hunting the Best Open Source Resources for Web Developers

Remember last we talked about Ajax Password Strength Meter by Code and Coffee which is not very useful because of the bad algorithm. Today we have a JQuery Password Strength Meter which is a small plug in that provides an easy way to show the strength of a users password as well. The algorithm seems to be a lot better than the last one and the Author said he is still improving the algorithm. JQuery Password Strength Meter provides some simple options that allow you to customize the output. You can define the strength of the meter easily by adjusting the score for each requirement.

jquery-password.gif

Requirements: JQuery Framework
Demo: http://digitalspaghetti.me.uk/index.php?q=jquery-pstrength
License: MIT License

jitsu.pngJitsu contains an integrated set of tools to enable developers to build and deploy sophisticated user interfaces for web applications. These include an Xml markup language, page compiler, data binding engine, JavaScript runtime, control library, runtime inspector, animation engine, cross-platform library, Ajax, and back button support. Jitsu applications use DHTML and run in most modern web browsers.

As a startup with a consumer focus, their budget for software is minimal. They like free and open-source technologies like Apache, Linux, MySql. They couldn’t find any open source Ajax frameworks that supported compiled Xml and data binding. So they built their own, and released Jitsu under an open source license.

Jitsu is still in its infancy and the code provided is intended for evaluation and feedback only. They don’t feel that Jitsu today is suitable for use in a large-scale project. In the near future, they will release a Beta version of Jitsu that will be much more suitable as a building base.

Requirements: Any Modern Browsers
Demo: http://www.jitsu.org/jitsu/quicktours/index.html
License: MIT License

Blueprint - A CSS Framework

blueprint.png

Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing. Some people think this is not necessary to have a framework for just CSS. On the other side, some people think CSS frameworks is there to improve effeciency and give you a better start from the gate. You decide.

As a result of this unexpected surge in traffic, the entire project has moved to Google Code.

Requirements: No Requirements
Demo: http://bjorkoy.com/blueprint
License: MIT License

assl.gif aSSL is a library distributed under MIT License thats implements a technology similar to SSL without HTTPS. aSSL enables the client to negotiate a secret random 128-bit key with the server using the RSA algorithm. Once the connection has been established, the data will be sent and received using AES algorithm. aSSL is composed of some Javascript files and a server side component. A pure Javascript (ASP) server component is currently available. They will do a porting for the main web languages (PHP, Java, Perl, Python, TKL, etc.) as soon as possible once the aSSL has passed the beta phase.

Requirements: ASP Server
Demo: http://assl.sullof.com/assl/asp_example/example1.asp
License: MIT License

Really Easy Field Validation from Dexagogo allow us to attach to the form’s onsubmit event, read out all the form elements’ classes and perform validation if required. If a field fails validation, reveal field validation advice and prevent the form from submitting. All the validations can be done in real time which means if the field does not validate, error messages will be popped up after swtching to another field. And the validations can be done after users clicking form’s submit button. This form validation script is extremely easy to integrate into your website or web application.

Really Easy Field Validation by Dexagogo

Requirements: Any Modern Browsers with Javascript Enabled
Demo: http://tetlaw.id.au/upload/dev/validation
License: MIT License

FancyUploadSwf meets Ajax for beautiful uploads. FancyUpload is a MooTools upload widget thats allows queued multiple-file upload including progress bars. it is a unobtrusive file-input replacement which you can add your own replacement method with the option createReplacement and add an image or whatever you like. Users can select and upload multiple files and Cancel running uploads, add files during upload.

Requirements: Internet Explorer 6+, Opera 9, Firefox 1.5+, Safari 2+ with Flash 8+
Demo: http://digitarald.de/playground/uplooad.html
License: MIT License

jquery.gif jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. You can animate hiding, showing, and toggling the display of elements easily. jQuery is designed to change the way that you write JavaScript. It is lightweight (20kb) which supports CSS 1-3 and basic Xpath syntax. If you have not tried it yet, please try it, I am sure you will be amazed.

Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.

Requirements: Internet Explorer 6.0+, Firefox 1.5+, Safari 2.0+, Opera 9.0+
Demo: JQuery - http://jquery.com Interface - http://interface.eyecon.ro/demos
License: MIT and GPL License

scriptaculous.gif Script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly. You can implement different modern effects easily, for example Fade in/out, Blind in/out, Drag and drop, Slide in/out, highlight, AutoComplete and Sortable List, etc. It is one of the most popular animation framworkm which is really powerful and similar to Mootools, however the size of the package is larger than Mootools. Here is the sample code.

new Effect.Opacity(’my_element’, { duration: 2.0, transition: Effect.Transitions.linear, from: 1.0, to: 0.5 });

Requirements: Required Prototype
Demo: http://wiki.script.aculo.us/scriptaculous/show/Demos
License: MIT License

Prototype Window is a javascript class which allows you to add window in a HTML page. This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it’s not mandatory. The most important point is that all modal windows are resizable, you can also minimize or maximize at it any time. And they are skinnable as well which means you can apply your own theme for the modal window so that they can match our web application’s style.

Prototype Window

Requirements: Safari, Camino, Firefox and Internet Explorer 6+, Opera
Demo: http://prototype-window.xilinus.com/samples.html
License: MIT License

LightWindow is the most powerful modal window I have seen so far. It has so many features, you have the complete ability to style and position it. It is very easy to implement as well. Lastly, most moal window application didn’t actually test for their media types and how they behaved in other browsers and operating systems. However, LightWindow has done a great job, other than images, inline content, iframe content and ajax content, it also supports Quicktime Movie, SWF and PDF.

lightbox.gif

Requirements: Any Modern Browsers
Demo: http://stickmanlabs.com/lightwindow/#demos
License: MIT License

Page 5 of 6« First...«23456»
Web Resources Menu

Web Component Resources

Web Design Resources

Extra Resources

Search Site

Advertise on WebAppers?