Open Source Resources for Web Application Developers

SmashingMagazine has just released Free Full Layered Facebook GUI PSD Kit. The main idea behind the kit is to speed up the prototyping of Facebook application UIs and Facebook fan pages, thus sparing you from drawing all the comps and letting you customize all the texts, buttons and data as you need. As usual, the kit is free to use in all projects, without any restrictions.

The kit brings the Facebook vector icon and logo. Also, since the focus of this resource are the UI elements, it brings a main window with the header, menu and the chat window for you to set up your realistic mock-ups. Plus all the modal components, comment boxes, buttons, message boxes, tabs, etc. All the components are full layered, built using vectors and blending options, so that scaling and editing the objects will not be a problem. The theme is released under Creative Commons. You can use it for all your projects for free and without any restrictions.

Requirements: -
Demo: http://www.smashingmagazine.com/2010/07/23/free-facebook-gui…
License: Creative Commons License

• 0 Comments

Omer has released over 100 icons for web design and software. All of them are in PNG format, 32×32px. You can find those icons in PixeloPhilia Icon Set 1 and PixeloPhilia Icon Set 2. They are released under Creative Commons License and available download for free.

Requirements: -
Set 1: http://omercetin.deviantart.com/art/PixeloPhilia-32PX-Icon-Set-157612627
Set 2: http://omercetin.deviantart.com/art/PixeloPhilia2-166570194
License: Creative Commons License

• 9 Comments

PC.DE are releasing 10 sets of 1000 high-quality free .png icons in sizes 16×16 & 32×32 for bloggers and web designers to use in private & commercial projects. They are under Creative Commons Attribution 3.0 License.

“Dortmund” icons and “Munich” icons designed for use in web designs with white background. All icons are oriented towards practical use and commerce. “Cologne” icons is blue in colour. The simple combination of blue and white feel light and can be used designing a wordpress theme or eccomerce store. “Hamburg” icons is a full colour set, which looks good on a personal blog and an online bank as well.

Requirements: -
Demo: http://pc.de/icons/
License: Creative Commons License

• 9 Comments

Free Wireframe Toolbar Icons is made for interface (gui) desginer. These icons can be used for wireframes and software mockups creation, websites and software applications toolbars and menus including iPhone and iPod apps. You’ll find a set of 8 cursors and 236 icons in black and white color versions. The icons include pagination arrows, ratings and voting controls, social interaction symbols file system and text editor actions.

The entire set totals 244 original icons optimized for 16×16 pixel size and available in 16×16, 32×32 and 48×48 pixel sizes. Royalty Free package includes vector icons in EPS and flash SWF formats for which you have full control to resize without loss of fidelity, color, and effects as you please.

Requirements: -
Demo: http://www.gentleface.com/free_icon_set.html
License: Creative Commons License

• 2 Comments

Do you love mini icons? You can find 100 icons in PNG format in 16×16 px within Boolean Iconset. Now, Its all up to your creativity, the metaphors depicted here aren’t meant to be used as is, you can give them your own spin, like the Binocular for Search, Legos for Add-Ons/Plugins, Tree for directory tree, what have you.

This will be a user driven set, so you guys can come up with the ideas/thoughts for the expansion of this Iconset, you can contact the author directly. These icons are licensed under Creative Commons Attribution 3.0 license.

Requirements: -
Demo: http://prax-08.deviantart.com/art/Boolean-The-Pixel-Icon-City…
License: Creative Commons 3.0 License

• 1 Comment

I think most of us have written at least one jQuery Plugin / Script. In this post, Latent Motion would like to show us how to get the most out of that script by also releasing it as a jQuery Bookmarklet. You will find two examples of utilities that are ripe for bookmarkleting, as well as a prepared jQuery Bookmarklet file that you can easily modify for the purpose.

Within the article: How to Create a jQuery Bookmarklet. You will find a jQuery Bookmarklet template provided for us. What it does is:

1. Test if jQuery already exists, attempts to load it, and then tests if it’s loaded 5 times every second, waiting to call the jqReady function.
2. Use a similar process with the array JS, attempting to load jQuery dependent scripts (such as jQuery plugins). Once done, it will call jqCustom.
3. In jqCustom, if uncommented, it will load myCSS, and then run any jQuery code you’ve added.

Requirements: jQuery Framework
Demo: http://www.latentmotion.com/how-to-create-a-jquery-bookmarklet/
License: Creative Commons License

• 1 Comment

Project Icons is a pack of 130 icons and 3 icon badges. These icons are 32px only. They are available in png, ico, icns and pasted icons. The badges are available in png only. These icons are licensed under a Creative Commons Attribution 3.0 license.

Bogdan Mihaiciuc is trying to update this set often, so if you want to be notified of future updates, you can follow him on Twitter.

Requirements: -
Demo: http://bogo-d.deviantart.com/art/Project-Icons…
License: Creative Commons License

• 0 Comments

Here are 100 fully scalable pictograms/icons free to download. It will surely help you declutter your visual space and communicate your message, the right way. once they’re in there, you’ll love their simplicity, while at the same time improving project’s usability.

Use them in your online, print, mobile and software applications. They will work good even for signs in real world around your street, campus, resort or even city: possibilities are unlimited. Best of all, whole set is free to download and use it in accordance with license agreement. No watermarks, no limitations: available in all major, industry standard scalable vector formats.

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

• 8 Comments

Geaturecons are Vector based icons created to aid in the design, development, implementation and promotion of multi-touch interfaces. These icons will aid in the creation of wire-frame documents, digital help files and printed documentation. You can also use Geaturecons inside of your applications in order to demonstrate to users how to complete actions or prompt them to interact with an application when they approach it.

Swap out symbols to create your own icons, because these are scalable vector shapes, you can scale them to any size and alter them in any way you wish. Use your favorite vector graphics application to edit.

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

• 2 Comments

Qhub is a simple way to create a Q&A website. While other Q&A websites are great for information sharing and communities, Qhub offers a more targeted community managed by the people that are interested in that particular subject area.

Each group is set up and started by an owner. Friends, colleagues, club members and more are invited to join and the questions can begin. Qhub offers the ability to customize each site. There is full management of your site, its members and content. It also offers the ability to use your own domain name.

If someone asking you a question and you have the answer, why not open up that knowledge to the web community for their and your benefit?

Requirements: -
Demo: http://help.qhub.com/
License: Creative Commons License

• 10 Comments