/ best free open source web resources /

Graphic Resources

Axeraider70’s Amazing Abstract Photoshop Brushes

Posted · Category: Brushes, CC License

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.

Photoshop Brushes

Photoshop Brushes

Photoshop Brushes

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

Google Doctype – Open Encyclopedia and Reference Library

Posted · Category: CC License, Information

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

Javascript Information Visualization Toolkit

Posted · Category: CC License, Charts

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).

Javascript Information Visualization Toolkit (JIT)

JavaScript Information Visualization

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

Build, Share and Download Fonts with FontStruct

Posted · Category: CC License, Fonts

FontStruct is a free font-building tool brought to you by FontShop. FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks. Once you’re done building, FontStruct generates high-quality TrueType fonts, ready to use in any Mac or Windows application.

You can keep your creations to yourself, but we encourage users to share their “FontStructions”. Explore the Gallery of fonts made by other FontStruct users and download them or even copy them and make your own variations. Some of the fonts within the Gallery looks really good and professional. Have you created your own fonts yet?


Requirements: –
Demo: http://fontstruct.fontshop.com/
License: Creative Commons License

Fully Interactive jQuery File Tree

Posted · Category: CC License, Upload

jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive, valid and semantic XHTML file tree with as little as one line of JavaScript code. jQuery File Tree is fully customizeable via CSS with the ability to style icons based on file extension. It also supports custom connector scripts for extended functionality. The expand and collapse event are customizable as well. jQuery File Tree works in all browsers supported by jQuery. It has been fully tested in Internet Explorer 6 & 7, Firefox 2, Safari 3 and Opera 9.


The author has stated that the connector scripts provided with jQuery File Tree are only designed to read information from a specified root folder. Although this is typically harmless, there exists a potential for malicious individuals to be able to view your entire directory structure by spoofing the root parameter. It is highly recommended that you add some form of check to your connector script to verify the path being scanned is a path that you want to allow visitors to see.

Requirements: jQuery
Demo: http://labs.abeautifulsite.net/projects/js/jquery/fileTree/demo/
License: Creative Commons License

TJPzoom – Open Source Image Magnifier in Javascript

Posted · Category: CC License, Popup

Few days ago, one of our readers asked if there is any free image magnifier script available on the internet. And then I have done some research and found this nice script. TJPzoom is an open source image magnifier that is written in JavaScript / DOM. If you move your mouse over the picture, you can see a little zoom window with a magnified version of a part of the picture in it.

The zoom ratio will be increased and decreased if you click and drag upwards/downwards your mouse. The zoom window will be increased and decreased if you click and drag to the right/left your mouse as well. Have you found any open source image magnifier that you would like to share with us too?


Requirements: Internet Explorer 6+, Firefox 2, Opera, Safari 2, Konqueror 3.5.6
Demo: http://valid.tjp.hu/tjpzoom/
License: Creative Commons 3.0 License

Dolphin – Open Source Smart Community Builder

Posted · Category: CC License, Social

I have written a post about First Ever Open Source Social Network Platform few days ago. And our lovely readers pointed out that LovdByLess is not actually the first ever open source social network platform. There are many nice one such as barnraiser.org, peopleaggregator.org, ning.com, Elgg, phpizabi.net which have been around for several years already. And Erik and Erbag has mentioned about Dolphin which I have found it very powerful Open Source Community Software.

YouTube, MySpace, Odeo, Flickr, Match and Facebook – all in one, customizable and under your full control. You’re limited only by your imagination – not by software. Dolphin Smart Community Builder is a universal, free, open source software that allows you to build any kind of online community. With a huge variety of features & options, you can quickly develop your very unique and successful website.


Dolphin has actively developed and frequently upgraded for over 6 years. There are many plugins, templates, custom support you can choose from. Currently, it is used by over 20,000 community sites worldwide.

Requirements: –
Demo: http://www.boonex.com/products/dolphin/
License: Creative Commons License

Smart Image Resizer Auto-Resizes Images in PHP

Posted · Category: CC License, Tools

Smart Image Resizer allows us to resize and crop any image on our websites without touching the actual image or writing any code. We upload each image (JPEGs, GIFs, and PNGs) once at a high enough resolution and can then reuse it at any size we want, anywhere we want. It doesn’t matter if the images are in a post, on a page, or in a template file, it just works. All of the magic is done through the query string part of the URL in the src attribute of the img tag.


Requirements: PHP and GD
Demo: http://shiftingpixel.com/2008/03/03/smart-image-resizer/
License: Creative Commons 3.0 License

Enhance CSS Functionality with MoreCSS Javascript Library

Posted · Category: CC License, Framework

MoreCSS is a small JavaScript library for everyday things, like creating popups, tab menus, tables and lists with “zebra”-style and etc… But the really special thing is: you can do these things in regular CSS. Just include MoreCSS.js and an external stylesheet file in your page header. And then you can use MoreCSS properties like normal CSS properties.

a {

Requirements: –
Demo: http://yellowgreen.de/morecss
License: Creative Commons License

Step by Step – Show, Explain and Guide Your Visitors

Posted · Category: CC License, Demo Tour

You might have encountered interactive demos created with screencasting and screengrabbing software (e.g. Amberjack, Demofuse or Jing) that explain an interface to users in a step-by-step manner. This is exactly what this script does for web sites. When you loaded this page and all went well you’ll have seen the examples, download and first paragraph section being highlighted and a small panel with information showing up in succession. This is done with this script.

Step by Step uses the Yahoo User Interface library, and pulls in most of its dependencies automatically. So, what you need to do is write a JSON object and either embed it in a script tag or link to it as an external file.


Requirements: Yahoo User Interface library, JSON
Demo: http://icant.co.uk/sandbox/stepbystep/
License: Creative Commons 3.0 License

Page 12 of 16...«8910111213141516»
Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons