Open Source Resources for Web Application Developers

Carousel.us is a Javascript 3D carousel, using the prototype.js and scriptaculous.js frameworks. It also uses PHP Easy Reflections by Richard Davey. You will find a configuration file which you can define the default parameters or you can also define them via URL using the GET method. You can set the Reflection opacity, Reflection height, spacing between images, Position of the carousel center, Carousel speed and Add onclick event on each image.

Requirements: Prototype and Scriptaculous Framework
Demo: http://www.piksite.com/carousel.us/carousel.us.php
License: Creative Commons License

• 18 Comments

You may have seen the lovely mini icons set Diagona (400 icons are included in PNG format) from Pinvoke. Now Pinvoke has released another great set of mini icons – Fugue Icons. There are 422 icons are included in PNG format. The icons can be used free for any personal or commercial projects. However, if you would like to remove the attribution, you should purchase the license.

Requirements: -
Demo: http://www.pinvoke.com/
License: Creative Commons 3.0 License

• 8 Comments

The Vista-like Ajax Calendar (vlaCalendar) version 2 is a unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the mootools javascript framework, AJAX, XHTML, CSS and PHP.

This Vista-like Ajax Calendar script is licensed under the Creative Commons Attribution- NonCommercial 3.0 License. You can use these files however you want, but don’t redistribute without the proper credits and do not use this for commercial purposes.

Requirements: Mootools Framework
Demo: http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html
License: Creative Commons 3.0 License

• 5 Comments

Few days ago, one of our readers has found an interesting site with huge collections of different sounds. I found it really useful and we could use them in our websites and web applications. Sometimes, adding little but not too much sounds in our sites can enhance the user experience. And they can even give your site more life.

The Freesound Project aims to create a huge collaborative database of audio snippets, samples, recordings, bleeps, … released under the Creative Commons Sampling Plus License. The Freesound Project provides new and interesting ways of accessing these samples, allowing users to

• Browse the sounds in new ways using keywords, a “sounds-like” type of browsing and more
• Upload and download sounds to and from the database, under the same creative commons license
• You can even interact with fellow sound-artists

Requirements: -
Demo: http://freesound.iua.upf.edu
License: Creative Commons License

• 1 Comment

Blog Perfume has just released a set of high quality Blogging Icons Set for bloggers. There are total 12 shiny and modern icons for your blogs including Author, Article, BlogRoll, Comment, Email, RSS, Theme icon and etc… It comes with 3 sizes, 24×24, 36×36 and 48×48 in png format. Blogging Icons Set is released under Creative Commons License, you can use it on your personal and commercial projects.

Requirements: -
Demo: http://www.blogperfume.com/free-glossy-blogging-icons-set-for-bloggers/
License: Creative Commons License

• 12 Comments

Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG), and covers the following topics:

I am sure you will find them useful when designing user interface for your website / web application. All of them are licensed under a Creative Commons Attribution 2.5 License.

Requirements: -
Demo: http://developer.yahoo.com/ypatterns/wireframes/
License: Creative Commons 2.5 License

• 8 Comments

jQuery Interactive Date Range Picker is a modified version of jQuery UI’s Datepicker. This version is optimized for quickly selecting a date from a list of preset dates/ranges, and they added smooth transitions when additional options are revealed. The modifications include:

• shortcut links to preset date ranges, for example, “Past 30 days” or “Current YTD,”
• links to “All dates before…” and “All dates after…” to simplify selecting a range of values where the data set is very large or the high or low end value is an unknown
• only showing the number of calendars needed for choosing a particular range

The interactive date range picker shown is not coded for ease of modification, but is free to reuse and modify with a proper attribution to Filament Group. You can visit the demo page and view the source code to see how it works.

Requirements: -
Demo: http://www.filamentgroup.com/examples/datepicker/
License: GPL and Creative Commons 3.0 License

• 7 Comments

Axeraider70 has created different sets of amazing photoshop brushes for us. It enables us creating some images with abstract style easily. All of the brushes are released under Creative Commons License 3.0. You can freely use them for non-commercial use. There is a Brush Download and Insertion Guide available too.

Requirements: -
Demo: http://axeraider70.deviantart.com/gallery/#Photoshop-Brushes
License: Creative Commons 3.0 License

• 1 Comment

Google Doctype is an open encyclopedia and reference library. Written by web developers, for web developers. It includes articles on web security, JavaScript DOM manipulation, CSS tips and tricks, and more. The reference section includes a growing library of test cases for checking cross-browser and cross-platform compatibility.

Many sites offer browser compatibility charts, but few back up their compatibility claims with repeatable tests. Google believes strongly in the value of test cases and automated regression testing. All of the tests in Google Doctype can be run individually or in groups, using the JSUnit automated testing framework. This allows us to update our charts quickly and easily as new browser versions come out. It also allows you to test in your own browser to see exactly what the compatibility claims mean.

Many sites offer developer resources for the open web, but few sites make those resources available under open licenses. You can read, but you can’t download. Or you can download, but you can’t redistribute. Google makes it easy to download the entire encyclopedia and take it with you, publish it on your private intranet, or package it for redistribution.

Source: Google Doctype

• 0 Comments

JavaScript Information Visualization Toolkit (JIT) is an advanced JavaScript infovis toolkit that was based on 5 papers regarding different information visualization techniques. The JIT implements advanced features of information visualization like Treemaps (with the slice and dice and squarified methods), an adapted visualization of trees based on the Spacetree, a focus+context technique to lay Hyperbolic Trees, and a radial layout of trees with advanced animations (RGraph).

These are the different features of the JIT toolkit. It’s still on an alpha state, but it’s very well documented and on active development. The library consists on standalone libraries. That means at the moment you won’t be able to include more than one visualization library per page.

Requirements: -
Demo: http://blog.thejit.org/?page_id=14
License: Creative Commons 3.0 License

• 3 Comments