Learn and share. The simplest harmony.

 

RGraph : HTML5 Canvas Graph Library

Posted on June 15, 2010 and got 2 shouts so far

Picture 2

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.

Picture 4

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 Plugin : jQuery iPhone UI

Posted on June 14, 2010 and got 2 shouts so far

Picture 8


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();
   });

Result :
iTabs

 

Pikachoose : Another jQuery Plugin for Image Gallery

Posted on May 19, 2010 and got 1 shout so far

Untitled-1


Pikachoose is a jQuery plugin for image gallery, it has many smooth image transition such as tile effect, horizontal and vertical slide effect and random tile effect. As a regular image gallery plugin, Pikachoose also has some options for slideshows, navigation buttons and auto play.

We can also set some options including thumbnail width, slide speed, transition effect, button text, show caption and delay caption. You can try Pikachoose at here.

 

HTML5 Security Cheatsheet

Posted on May 18, 2010 and got 3 shouts so far

Untitled-1


If we are always aware about web security, I think this stuff will be very useful. This is an HTML5 Security Cheatsheet from Mario Heiderich that contains web application security threats, browser bugs, threat example, tips for avoiding the threats, related sources and the browser list from each threat.

The threats and bugs including Cross Site Scripting (XSS), JavaScript execution via VIDEO tag poster attribute, link hijacking via BASE tag and JavaScript URI, XML-stylesheets executing JavaScript, Client-side denial of service via repeat templates and many more.

 

Zoom Your Element Using Zoomooz.js

Posted on May 11, 2010 and got 3 shouts so far

zoomooz


Zoomooz is a jQuery plugin for making our any web page element zoomable. Yes zoomable, we can zoom in the element by clicking it and reverse it by clicking the web page body. Zoomooz provides some options including zoom size, scale mode (width, height and both), animation duration and easing mode.

It works beautifully on Safari, Chrome and Mozilla Firefox. Make sure you are using one of these browser and try Zoomooz here and here.

 

ScriptSrc : List of Current Library Script Tags

Posted on May 6, 2010 and got 2 shouts so far

Picture 3


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.

 

CSSDesk : Free Online CSS Editor

Posted on May 5, 2010 and got 3 shouts so far

Picture 2


CSSDesk is an online tool to help us testing how the CSS properties works. It offers us creating HTML element, modify their styling and see our code result. The layout just like code editor, HTML editor on the top left from your screen, CSS on the bottom left and the preview on the right.

This is a very handy tool, they also help us by giving some options such as syntax highlighting, 12 and 16 column grid background online sharing and also code download. Try them for free.

 

Koi : Free WordPress Theme From Nick La

Posted on March 31, 2010 and got 1 shout so far

Picture 3


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.