Today I am giving away a PSD file named Sticker Buttons, a sticker-style buttons collection. The PSD file contains 56 buttons in four different colors and 14 different button icons. The button’s type including Download File, Upload File, Attach File, Lock Folder, Unlock Folder, Mail Invoice, Save Changes, Refresh Content, Sample Tag, Copy Content, Paste Content, Cut Content, Quick Look and Add Plugin.

The icons I used are from WPZOOM Developer Icon Set that contains 154 beautiful icons, and the Lobster font from Pablo Impallari. The PSD is completely free, you can use it for both personal and commercial project, modify or distribute them. If you put a link to this post when you use or share it, I’ll appreciate. Enjoy!

RGraph is a HTML5 canvas graph library based on the canvas tag. Like most graph library, RGraph support wide variety of graph types including bar chart, pie chart, radar chart, etc. The graph quality also have a good quality despite using HTML5 canvas tag.

Since RGraph using canvas tag and canvas tag allows for two dimensional drawing using JavaScript, these graphs will appear much faster than the flash-based. RGraph works beautifully on most common browser that has supporting canvas tag including Firefox 3.0+, Chrome 1+, Safari 3+ and Opera 9.5+. Now, take a look at tons of RGraph result.

jQuery iPhone UI is a jQuery plugin aims to help us easily create iPhone UI. Just like another jQuery plugin, this plugin allow us doing only three steps to create any iPhone UI : include jQuery framework and this plugin, set up the HTML element and call the plugin function.
jQuery iPhone UI provides some iPhone UI including Scroll, Tabs, Gallery, Forms (input, password, checkbox, select) and Buttons. You can try them at here and here’s the example :

Code :

   $(document).ready(function(){
   	$(".tabbar").iTabs();
   });

Mail
Chat
Search
Options

Result :

You must be familiar using script tag from your JavaScript Library like above script. Now you don’t need to worry to collect them all, ScriptSrc has collected most of JavaScript library script tag. The libraries including jQuery, jQuery UI, MooTools, Prototype, YUI, dojo, ExtJS, Script.aculo.us, Chrome Frame and «swfobject».

ScriptSrc provide us these library’s information including version, path (minified and development), website and last update. To copy them we just need to click COPY button on each tab and we then we get the script tag. Effortless.

From the previous post, I was explained how to stylize our own checkboxes by replacing the default checkbox with image. The technique is very simple, we just need to prepare the image for replace the checkbox, set the CSS and let jQuery replace them, if you missed that one you can read the tutorial here.

As the explanation above we just need to prepare the image for checkbox replacement and set its CSS, so I decide to provide various checkbox styles in PSD format. This PSD file contains 6 different checkbox styles, including rounded-style checkbox, square-style checkbox, button-style, FireRift-style and iPhone-style.

It’s absolutely free without any limitation, you can use them for both personal or commercial projects, modify or distribute them. If you find this stuff useful please put the credit link to this post and share your love by spread the world. You can download them here, don’t miss any giveaway stuff from webstuffshare by subscribing webstuffshare RSS feed or webstuffshare FREE Email subscription or by following my twitter.

It take us some time to create our web UI element, so the UI pack will be very useful. Today I release an User Interface Element Pack in PSD format, it contains 19 elements including Loading Bar, Button in normal and clicked state, Button toggle, close, next, previous and paging icon and slider.

Some of them are in different color, so you can choose for your need. This stuff is completely free, you can use them for both personal or commercial project, modify or distribute them. If you find this stuff useful please put the credit link to this post. Download them here and here is the preview :
Share your love and enjoy!

Koi is another great and free wordpress theme from Nick La. Koi is a simple version from ndesign-studio‘s theme, just like Notepad theme, it support multi-level dropdown menus, threaded comment and multiple widget areas.

Koi also provide theme options, so you can excluding some pages, disable dropdown, edit and disable social media buttons, add custom favicon and etc. This theme is licensed under GPL license, you can use it for both personal and commercial, modify or redistribute them. Try Koi theme now.

In previous tutorial i was explained how to replace a boring confirmation box into a cute one. You’ll no longer see a pop up confirmation box but a flying bubble confirmation box upside your link. Then I was thinking it will be very usefull for future application development to use this script and that’s why i decided to create it as a jQuery plugin.

So here is the line, jConfirmAction is a jQuery plugin that aims to replace a plain confirmation box with a cute one. This plugin will help you to create a flying bubble confirmation box upside your link. Basically this plugin will create a DIV element that contains confirmation box after your clicked element, then it will appear with fading in and dissappear with fading out. See the example on the demonstration page.

To create that one you just need to include jConfirmation plugin to your page, create a link, specify a class name, ask jConfirmAction to create a confirmation box and that’s it you have a cute confirmation box.

Prepare the link :

Delete Me

Ask jConfirmAction to create a confirmation box :

//Default
$('.ask').jConfirmAction();

//Customized Language (Indonesian)
$('.ask-custom').jConfirmAction({question : "Anda Yakin?", yesAnswer : "Ya", cancelAnswer : "Tidak"});

jConfirmAction has three arguments that aims to customize language for the confirmation box :
question : A text for your question (default : Are You Sure?).
yesAnswer : A text for Yes answer (default : Yes).
cancelAnswer : a text for Cancel/No answer (default : No).

Since jConfirmAction using css to display the confirmation box’s style, we can modify the box’s style based on our needs. For next release, i want to support various animation style to display and remove the confirmation box. Thanks and spread the world!

365psd is an online resource aims to share free quality PSD everyday for a year. Buttons, Forms, Menus, Sliders, Badges and Icons in PSD format from about 11 talented contributors are featured and ready for download.

toffeenutdesign is a design company that has a free and great quality goodies, you can find icons, iPhone themes, Wallpapers, etc. Smooth, strong and iPhone-thingy are nuances that I found from their icons.

mocha(ui) is a mootools plugin that help us creating user interface in no time, it helps us by providing user interface library for web applications, virtual desktops, websites, widgets, standalone dialog windows, modals or any webapps wizards.

By using this plugin we can get expandabale, collapsable and resizeable panels, horizontally and vertically fluit layout, dynamically update window content, load content using innertHTML, XHR or an iFrame, etc. mocha(ui) works on Fireforx 3, Safari 3, Opera 9.5, IE 6 & 7, it uses canvas element for drawing windows and their drop shadows so ExplorerCanvas also needed to make it works in IE. Give mocha(ui) a try.