Open Source Resources for Web Application Developers

jQuery Slider plugin (Safari style) is easy to use and multifunctional jQuery plugin. It makes selected elements into sliders. The handle can be moved with the mouse easily. There are various options such as step of pointer, heterogeneity, dimension, limits and scale.

If you do not fancy the Safari style, you can also define your own new skin for the sliders as well. (Do not forget to set absolute or true relative path for png in jslider.ie6.css and jslider.ie6.[skin].css)

Requirements: jQuery Framework
Demo: http://blog.egorkhmelev.com/2009/11/jquery-slider-safari-style/
License: License Free

• 0 Comments

HotGloo is an Online Wireframe Application. With the help of the elements you can create a whole world out of wireframes. Just drag and drop, scale, link, name and rename them – it’s super easy and intuitive.

You can manage your projects: edit, comment & share any moment of the developing process with colleagues and clients. You can also add editors & reviewers to your projects within just a view steps and as you like. HotGloo is free for the beta testing phase. However they are thinking about a reasonable monthly pricing model for after the beta testing stage.

Requirements: -
Demo: http://hello.hotgloo.com/
License: License Free

• 0 Comments

TopUp is another easy to use Javascript library for unobtrusively displaying images and webpages in popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness.

TopUp is absolutely free, also for commercial use. The installation of TopUp consists of including only one file (no images or stylesheets), the look-and-feel is Apple-like, the animations and transitions look fancy, you can still use Prototype, it is so easy to specify options and last but not least: you can stay updated with the latest version without changing any code.

Requirements: jQuery Framework
Demo: http://gettopup.com/
License: Creative Commons License

• 15 Comments

Because web type renders differently with only subtle CSS adjustments, seeing it exercised in a variety of ways can help web designers typeset – and also help them decide which typefaces to purchase for their projects.

Therefore, Tim Brown has designed Web Font Specimen, which presents real web type in real web context, and released it under a Creative Commons license for the betterment of typographic style and practice.

Requirements: -
Demo: http://webfontspecimen.com/
License: Creative Commons License

• 2 Comments

Twitter is running a new homepage with clean and easy design for a while already. Look at the top right of Twitter’s homepage, you’ll see the sign in button which will drop down the login form. AEXT has written a tutorial to show you how to create a login drop down with Twitter style using jQuery.

It is easy to follow, it also helps you save the space of your webpage and make visitors feel comfortable by the awesome toggle login form. The tutorial explains how it works step by step and it’s good for learning how to do the toggle and tooltips with jQuery.

Requirements: jQuery Framework
Demo: http://aext.net/example/twitterlogin/
License: License Free

• 12 Comments

Macintosh computers are really known to bring out the creative side of people. To harness it, and refine your potential there are some great Mac tools that you can use online and some of them for free.

As Microsoft burdens you with tons of softwares that serve the purpose and slow downs the computer at the same time these serve as a better alternative. The best part is that abundant tools are available to do things from simple text editors to image processing tools. Most of these tools provide an easy to use interface and work efficiently. Here is a list of useful Mac applications, which looks really slick too.

Fontcase

Fontcase is an elegant font management software. It combines simplicity and raw power all underneath a streamlined workstream. It organises your installed fonts with a powerful tagging system to automate the process. Like iTunes is for music, Fontcase is for fonts!

Postbox

Postbox, powered by Mozilla Technology is a powerful Email Management software with cutting edge features that have set new standards for Email Clients. It has a powerful message and content search with autocomplete features. It provides a smarter message and content views that simplifies mail organisation as well as tracking them. It possess superior message handling and organisation features as well as strong security features.

(more…)

• 18 Comments

If you would, for whatever reason, have a large webform all fields should be semantically divided into fieldsets. Each fieldset would clearly describe each group of fields.

So, we can say that each group of fields represent a sub task of a larger task – filling the entire web form. Thus, each sub task can become a step with a description, input fields and navigation that is common for wizard forms – back and next. The entire process can be done in several simple steps.

This detailed tutorial will show you how to turn long webform into a wizard with jQuery. A plugin is also available for download.

Requirements: jQuery Framework
Demo: http://www.jankoatwarpspeed.com/examples/webform_to_wizard/
License: License Free

• 9 Comments

Web Icon Set offers professional and quality icon sets to web developers like us. They have just released their first icon set, Web Application Icon Set for free. You can use these icons on any desktop and web applications.

Application Icon Set inclides Register, Settings, Users, Database, Login, Chat, Add, Delete, Edit, invoice. They are in PNG format with 128, 64, 48, 32px sizes. Web Icon Set regularly adding more great web icons, so please stay tuned.

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

• 5 Comments

Floom is a Blinds-effect MooTools Slideshow. There are two ways of setting Floom up. One is the object way, where you specify the image url and the caption using the key-value notation. The second one is by simply passing a element collection, ie. $$('#blinds img'), where the passed element has to be the actual image collection.

Requirements: Mootools Framework
Demo: http://nouincolor.com/floom/1.0/Demos/
License: MIT License

• 11 Comments

p51Labs came up with the Simply-Buttons v2. Buttons auto resize itself to fit text. There are 3 states: Inactive, Active, and Hover. They look and behave the same way in every browser and operating system. However, the caveats are the outlines on the buttons, the text is selectable. And These buttons are not mobile friendly.

With Simply-Buttons Javascript component provided, you can solve the caveats above as well. You can easily modify the buttons look and feel. You can do this by creating your own stylesheet. If you like this, you might be interested in Simple Round CSS Buttons or Colorful and Scalable Buttons or Beautiful Scalable CSS Buttons as well.

Requirements: -
Demo: http://www.p51labs.com/simply-buttons-v2/
License: License Free

• 0 Comments