Open Source Resources for Web Application Developers

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

• 20 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

Sweet Titles Fading Tooptips is not a knock-off from NICE Titles nor is it trying to improve on Dunstan’s revised attempt. And it most definitely isn’t ripped from one of those event-handler infested scripts from Dynamic Drive . No. It’s none of those. Instead he had two goals for this script.

1. Make the code cleaner and much more condense – with in fact – less code
2. Improve the tooltip effect

Cool notable feature that Sweet Titles (as well as Nice Titles) has is that the JavaScript is unobtrusive which of course as we all know, in and of itself, improves accessibility. Another thing I like about Sweet Titles is the appearance of the tooltips, it looks very nice.

Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.dustindiaz.com/sweet-titles/
License: Creative Commons License

• 3 Comments

Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. If you also use Scriptaculous you can even add some nice effects to them as well. You can easily create fixed or offset tooltips with blinding or fade in/out effect. You can also define Hooking for the tooltips which allows you to place your tooltips anywhere in relation to your target elements. The concept is simple, you define two corners that you want to ‘hook’ to eachother. One on the target element, the other one on the tooltip. It is licensed under Creative Commons, feel free to use it on your projects.

Requirements: Prototype Framework
Demo: http://www.nickstakenburg.com/projects/prototip/
License: Creative Commons License

• 7 Comments

Yesterdat I was surfing on the internet and found this. It is time to have a fresh look of your feed icons. Zeus Box Studio released a set of gorgeous Feed Icons. It contain 34 icons in 32 and 16 pixels size. The icons use PNG format. They are licensed under Creative Common 3.0, you may use them in your website and projects.

Requirements: No Requirements
Demo: http://www.zeusbox.org/blog/feedicons
License: Creative Commons 3.0 License

• 3 Comments