Open Source Resources for Web Application Developers

Would you like to create iGoogle-like interface? NETTUTS has shown us how to create a customizable interface with widgets. Each widget can be collapsed, removed and edited. The widgets can be sorted into the three seperate columns by the user (using a drag and drop technique).

The user will be able to edit the color and title of each widget. Each widget can contain any amount of regular HTML content, text, images, flash etc. The finished product will be a sleek and unobtrusively coded iGoogle-like interface which has a ton of potential applications.

Requirements: jQuery Framework
Demo: http://nettuts.s3.amazonaws.com/127_iNETTUTS/demo/index.html
License: License Free

• 21 Comments

Zenbe is started because they wanted the functionality and performance of a desktop application, and the simplicity and accessibility of webmail, at the same time, for all their email addresses. They wanted to access more features and services from the internet, without logging into a bunch of different websites everyday. They wanted better ways to share and work with friends, but they didn’t want to abandon email to use them.

Zenbe is free email that works with the email you already use. Zenbe offers many features, including email, online calendar, lists, mobile sync, file sharing, team collaboration. It even works with Facebook and Twitter. You can do them all without leaving your email.

With 4GB (and growing) of storage, you treat Zenbe like a computer you can access from anywhere. Sometimes, email just isn’t the best way to work together. With Zenpages, you can share files, email, events – anything you would share in an email – on a Zenpage.

If you like to stay organized with folders, you will love Zenbe’s email tags. Tags are like folders, but better. But with Zenbe’s excellent search, you don’t need to use tags to stay focused on what you care about. Zenbe is one of the best webmail experiences you can find.

Requirements: -
Demo: http://www.zenbe.com/
License: License Free

• 11 Comments

Ever wondered which JavaScript framework was used on a specific website but was too lazy to check the source code for the answer? Fear no more WTFramework is here.

Our WebAppers reader Oskar Krawczyk has written a pretty simple and straight–forward bookmarklet. Say you come across a website, see a few pretty cool effects and you’d like to know which of the some JavaScript frameworks (MooTools, Yahoo User Interface, jQuery, the infamous Scriptaculous, Dojo Toolkit, Mochikit, etc.) are being used to rise the magic.

Typically, you’d have to look for the script tag in the source. Well forget about it, now you have WTFramework – one click and a info pops–up informing which framework are we dealing with.

Requirements: -
Demo: http://nouincolor.com/wtframework/2.0/
License: License Free

• 0 Comments

Would you like some glossy modern web browsers icons? J.max from Morcha has designed 9 glossy modern browsers icons including, Internet Explorer, TheWorld, Opera, Safari, Firefox, Netscape, Tencent Traveler, Maxthon and Google Chrome. All of them are in the size of 256×256px in Ico and Png format. The site is written in Chinese, you can download the file directly here.

Requirements: -
Demo: http://morcha.blogbus.com/logs/30886671.html
License: Personal, Non-Commercial Use

• 21 Comments

Product Planner was born out of the need to help people understand and create user flows for their web products. The idea is that by looking at examples of other successful web products, you can get a better idea of how to create your own.

Product Planner is actually useful for creating a demo tour for web applications too. You can create a work flow for performing a specific task with your web application. So that user can understand how to use your web application easily by reading the work flow step by step with screenshots.

Requirements: -
Demo: http://productplanner.com
License: License Free

• 0 Comments

ScreenToaster is a free online screen recorder which allows you to Make screencasts, tutorials and demos. You can record your screen in one click without any downloads. It is compatible with Windows, Mac OS X, Linux. You can also share videos on the Internet in Flash, embed them on blogs/webpages or send them by email.

ScreenToaster is operated by Iteria, SARL with offices in the heart of Paris, France. They are a small team of high-skilled web engineers, developing state-of-the-art web 2.0 services for Internet users. They have already raised a first round of capital to actively support ScreenToaster. Look forward to see the on-going development of ScreenToaster.

Requirements: -
Demo: http://www.screentoaster.com/
License: License Free

• 5 Comments

quickSearch is a jQuery plugin for filtering large sets of data. It supports Tables, Paragraphs and Lists. It’s very easy to use ‘out of the box’. As easy as:

$(search_elements).quicksearch(options);

quickSearch v2.0 was written with speed in mind, it is now a lot quicker than the previous version and it is completely backwards-compatible with any previous code written.

You can also look at another jQuery QuickSilver Live Search Plugin we mentioned earlier, it is able to recognize which items you are searching for if you just use abbreviations, so you can type entire words, or just fragments of each.

Requirements: jQuery framework
Demo: http://rikrikrik.com/jquery/quicksearch
License: License Free

• 12 Comments

SmashingMagazine has released Fresh: an application and financial icon set. This icon set is a fresh and lively collection of 59 high-quality stylish icons in standard sizes ranging from 16×16 to 256×256 pixels. All the icons included in the set have a clean, modern look and have consistency and harmony in both perspective and color. There is also one vector file containing editable EPS icons that can be rescaled to any size while retaining their original detail.

You can use the set for websites, web applications, desktop applications or anywhere beautiful icons are essential. You can use the icons for private and commercial projects, blogs and web-sites for free, without any restrictions whatsoever.

Requirements: -
Demo: http://www.smashingmagazine.com/2008/10/09/finance…
License: License Free

• 6 Comments

CSS tooltips are very popular in modern web design and contrary to popular belief it is really easy to create them, especially with one of the all so popular javascript frameworks. In that case, you have to use at least a plugin. However, Kriesi.at has shared us an article of “Create simple tooltips with CSS and jQuery” which teaches us how to get some basic tooltips with only about 10 lines of CSS and jQuery Code.

Requirements: jQuery framework
Demo: http://www.kriesi.at/wp-content/extra_data/tooltip_tutorial/step1.html
License: License Free

• 0 Comments

ColorCobmos was built to help web developers quickly select and test website color combinations. The heart of the site is the Combo Tester, which allows web developers to see how different color combinations work together on the screen. If you are looking for Color Combination ideas, check out the Combo Library. The library contains hundreds of color swatches, along with their color hex values.

You can also look at other Color Schemes Picker/Generator we talked about. I am sure that you will be able to find or create the perfect website color schemes using these color tools.

Requirements: -
Demo: http://www.colorcombos.com
License: License Free

• 1 Comment