Open Source Resources for Web Application Developers

Uni-Form is an attempt to standardize form markup (xhtml) and css, “modularize” it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.

Plug and play style. Download the uni-form.zip and you’re pretty much all set! It is encouraged to edit css properties only in the uni-form.css file, so you can easily upgrade to the newer versions as they come along by copying over the old copy of the uni-form-generic.css.

Requirements: IE6+, Firefox 1.5.x+, Opera9.x+, Safari, Konqueror
Demo: http://dnevnikeklektika.com/uni-form/
License: Creative Commons License

• 2 Comments

You can find some nice free icon sets from DryIcons.com, the icons are carefully designed and developed by a team of professional web and graphic designers. They designed the DryIcons website to bring your applications the best professional appearance. All of their icon sets contain icons commonly available in 16×16, 24×24, 32×32, 48×48 pixel 32-bit transparency PNG format and 128×128 pixel Photoshop’s PSD image format.

All DryIcons are licensed under a Creative Commons Attribution 3.0 License. This means that you can do pretty much everything with our icons and use them in any personal or commercial projects. However, you must include a link back to http://dryicons.com/ in your credits. I particular like the following sets of icons.

Ruby Multimedia icon set is the new creation of DryIcons’ laboratory. Using only two colors, red and white, we brought style and class to the next level. This set can find its use in lots of projects and applications.

The WYSIWYG (What You See Is What You Get) Classic Icon Set is the first of the DryIcons’ WYSIWYG sequence icon sets, based on the ‘classic’ WYSIWYG look.

“Aesthetica” Icon Set was created to lend visual excitement to your projects. This set is fresh, stylish and modern, all mixed up in the perfect proportions.

Requirements: No Requirements
Demo: http://dryicons.com/free-icons/
License: Creative Commons License

• 10 Comments

Frequency Decoder had an attempt at creating a keyboard-accessible, unobtrusive slider control that conforms to the WAI-ARIA defined role of “slider“. The code uses a BUTTON element for the slider handle which automatically makes it keyboard accessible across all grade A browsers. The slider can be associated with both text input and select list form elements. The script is now released under a creative commons Attribution-ShareAlike 2.5 license.

Requirements: No Requirements
Demo: http://www.frequency-decoder.com/demo/slider-revisited/
License: Creative Commons License

• 2 Comments

Abdylas Tynyshov shared total 560 nice and free icons to software and web application developers. Icons come in 4 sizes; 80 by 80 pixels, 48 by 48 pixels, 32 by 32 pixels, and 24 by 24 pixels. All images are in .PNG format with transparent background. They are under Creative Commons License, you can use the icons for your personal or commercial projects in any way you like. You can download all icons on User Interface Icons.

IMPORTANT: The original owner of this site has sold this website to someone else. Now users have to install Zango Adware in order to donwload the icons. I DO NOT recommend users install Zango Adware. You may consider other high quality icons instead.

Requirements: Zango Installation
Demo: http://www.userinterfaceicons.com/
License: Creative Commons License

• 21 Comments

Time to update your RSS Feed Icons again. It was July when Zeusbox Studio’s Feedicons version 1 hit the web. Since then the icon pack has been downloaded thousand of times. Now Zeusbox Studio presents you with the Feedicons version 2. There are more than 10 new icons in version 2. They are licensed under Creative Commons Attribution-No Derivative Works. Enjoy.

Requirements: No Requirements
Demo: http://www.zeusboxstudio.com/blog/feedicons-2
License: Creative Commons License

• 3 Comments

Are you looking for some photos under creative commons? Many Flickr users have chosen to offer their work under a Creative Commons license, and you can browse or search through photos under each type of license. You might be able to find some fresh and nice photos for you website.

Requirements: No Requirements
Demo: http://www.flickr.com/creativecommons/
License: Creative Commons License

• 0 Comments

minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX/JSON that lets you put easily your images in an online gallery, without having to configure databases or changing and customising code (though you may do it if you feel so) allowing to have an up-and-running gallery in a few minutes. It is licensed under a Creative Commons Attribution-Share Alike 2.5 License and has the following major features.

• Simple galleries: just upload a folder full of images to your /galleries/ folder and you have a new gallery!
• Lightbox view: Images can be viewed in a lightbox way, easier and more precise, with a convenient integrated thumbnail menu.
• Languages: set your gallery in French, Italian or Spanish. Set it to select the user’s local language (if available). Translate it to your own language!
• Automatic thumbnails: you don’t have to worry anymore about creating your images’ thumbnails. Let minishowcase take care of it

Requirements: Server with PHP and GD/GD2 Support
Demo: http://minishowcase.frwrd.net/demo/
License: Creative Commons License

• 3 Comments

Being a typical guy, Chirag Mehta have no clue what the colors Lavender and Mauve look like. You can show him Indigo and he won’t know if it’s more like Violet or Purple. So he made this little app called Name that Color where you can create a color on the screen (or copy-paste CSS hex# color) and find out the name of the closest matching color. I did not realise there are so many colors you can actaully call them until I saw Name that Color…If you want to incorporate the same facility into your website or project, you may download a copy and use it as you wish.

Requirements: Modern Browsers with Javascript Enabled
Demo: http://chir.ag/phernalia/name-that-color/
License: Creative Commons License

• 0 Comments

YAML was conceived as a basis for developing flexible layouts, with a strong emphasis on meeting the challenges that result from working with elastic containers. The most important features:

• A flexible, accessible basic layout with a header and footer, a content area with one to three columns
• Cross-browser compatible layout display
• The fewest possible restrictions for the designer (fixed or flexible layouts, variable column widths, etc.)
• User-defined order of content columns in the source code (”any order columns”)
• Stylesheet templates ordered by function
• Column separators and backgrounds all generated without images and continuous down to the footer
• Flexible division of space inside the various containers via subtemplate

This system allows for the rapid development of designs with one to three columns, with fixed or variable widths. With subtemplates (flexible grids), the column system can be endlessly nested and expanded. The YAML basis layout can be extended with special containers which help set the layout width or can create a border around the layout. YAML is more than just a simple multicolumn layout. It is an entire layout framework, highly flexible, and tested under real-world conditions with Cross-Browsers Compatibility.

The YAML Builder comes as a preview version v0.3 is now available that allows the visual development of YAML based CSS layouts directly within your web browser.

Requirements: Any Modern Browsers
Demo: http://builder.yaml.de/
License: Creative Commons License

• 2 Comments

Sekkyumu gave a little present to everyone on his birthday (23th August). He has released Developpers which is a set of gorgeous 105 icons (32×32) for your toolbar or anything. All the icons are in the format of .png, .ico, icns, .icontainer. They are licensed under Creative Commons, you can use them whatever you want. Let’s say happy birthday and thank you to him! I really love these icons, what do you think?

Requirements: No Requirements
Demo: http://sekkyumu.deviantart.com/art/Developpers-Icons…
License: Creative Commons License

• 7 Comments