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

Easiest Tooltip and Image Preview is one of those tooltip-like bubble popups that appears when you roll over link or a thumbnail. What this script does is adds an element to the body when you roll over a certain object. That element’s appearance is predefined with css (positioned absolute and styled) so all we need to do is fill the element with content, calculate mouse position and make it move accordingly. When cursor is moved over he object, element moves with it and when cursor roll out, the element is deleted. Easiest Tooltip and Image Preview is powered by jQuery.

Easiest Tooltip and Image Preview Using jQuery

Requirements: -
Demo: http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview…
License: License Free

Free DIY Application Builder for Your Business

Iceberg is a powerful web-based tool for the creation and usage of custom-built business software. Using Iceberg allows you to use and create complex, reliable business applications. Unlike many off-the-shelf applications, an Iceberg application is custom-built specifically for your business and is, therefore, highly dynamic and adaptable to your own personal needs.

An Iceberg application is also highly reliable. Because Iceberg doesn’t rely on any hand-written-code, there is little likelihood for human-error in the creation of an Iceberg application. Iceberg allows for the quick creation of strong stable applications. Iceberg is completely free for up to 5 users and 100% free for Non-Profits and Academics.

Free DIY Application Builder for Business

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

Polls Boutique is one of the polls resources on the web, offering a wide selection of polls on every topic. In Polls Boutique, anyone can vote on existing polls, and post new polls. It’s simple, quick and free. The polls can include pictures, embedded video, audio, hyperlinks and text.

After voting, users get to see their buddy icon represented near the poll option of their choice, and see what others are voting. It’s a fun way to meet new people with the same opinions (or not) as yours. The results page offers a great statistical playing field with cute pie charts and graphs showing all kinds of different statistical data harvested from the votes.

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

There are more and more people are using their phones to access the internet. I think one of the most beautiful phones would be iPhone designed by Apple. Have you thought of developing an iphone application? Here is a resources site for building iphone applications easily. You can have many samples of code for building windows, buttons, canvas, dynamic lists, debug console and etc… It shows you the samples for iphone app integration as well. Have a look and start building useful iPhone applcations.

Building iPhone Applications Samples

Source: http://groupaware.mobi/iphone/#_Samples

Advanced photo presentation tutorial shows you how to create on a simple way with no action script code, attractive and very modern photo presentation. You can use this presentation as flash header, banner. You will also learn:

1. How to Import any picture into a flash,
2. How to aligne it using the Align Panel,
3. How to convert any layer into a mask,
4. How to use some special flash tips and tricks and much more.

Photo Presentation

Requirements: Flash
Demo: http://www.flashvault.net/tutorial.asp?ID=166
License: License Free

Humane Messages with Logging Feature

Transparent messages are the brainchild of Jef Raskin. It’s simply a large and translucent message that’s displayed over the contents of your screen. They fade away when the user takes any action. In practice, the message is both noticeable yet unobtrusive. And because the message is transparent, you can see what’s beneath it. It’s just humane. Humane Messages is a system for displaying and temporarily logging non-modal messages, for use in web applications. Humane Messages requires the jQuery javascript library.

Humane Messages

Requirements: jQuery Framework
Demo: http://binarybonsai.com/misc/humanmsg/
License: Apache License 2.0

When we are developing web applications, we always need some kind of dialog boxes to inform the users the status of the system. Leigeber has put together a lightweight (~4.5kb) JavaScript dialog box library. The script currently offers four dialog styles: alerts, warnings, prompts and success.

JavaScript dialog box library is nothing to add to your page except references to the JavaScript and CSS if you choose not to incorporate them in your existing files. The Divs are dynamically added to the DOM when the function is called. The function currently relies on a content wrapper to calculate the page height however you could use the body height but the background overlay would only cover the currently visible content. The variable for the wrapper ID as well as the speed and timer settings are available at the top of the JS file. The script is tested working in IE 6/7, Firefox 2/3, Opera and Safari.

Requirements: -
Demo: http://sandbox.leigeber.com/dialog/dialog_box.html
License: License Free

It is time to have some icons again. This time, Icojoy is sharing some of the really nice mini icons. These icons are free to use in any kind of project unlimited times. The icons come in 6 different file types, .ico, .icns, .tif, .gif, .bmp, .png. Some of the icons are designed for blogs, dating, player and social networks as well.

mini icons

mini icons2

Requirements: -
Demo: http://www.icojoy.com/blogs/3/
License: License Free

jQuery Masked Input Plugin

Masked Input Plugin is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc).

A mask is defined by a format made up of mask and placeholder characters. Any character not in the placeholder character list below is considered a mask character. Mask characters will be automatically entered for the user as they type and will not be able to be removed by the user. The following placeholder characters are predefined:

* a - Represents an alpha character (A-Z,a-z)
* 9 - Represents a numeric character (0-9)
* * - Represents an alphanumeric character (A-Z,a-z,0-9)

Input Mask Plugin

It has been tested on Internet Explorer 6/7, Firefox 1.5/2, Safari, and Opera. The file size is very small with only 7.3k and 2.8k for the Packed version.

Requirements: jQuery Framework
Demo: http://digitalbush.com/projects/masked-input-plugin
License: License Free

If you are using Mac OS X, you should have come across Growl. Growl is a notification system for Mac OS X, it allows applications that support Growl to send you notifications. Notifications are a way for your applications to provide you with new information, without you having to switch from the application you’re already in. I think this feature is really useful for our web applications as well. Daniel Mota has created Growl 2.0 with Mootools, so that we can easily integrate this effect into our web applications.

Growl 2.0 with Mootools

Requirements: MootoolsFramework
Demo: http://icebeat.bitacoras.com/mootools/growl/
License: License Free

Page 1 of 1912345»...Last »