RGraph : HTML5 Canvas Graph Library
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(); });
<ul class="tabbar"> <li><a class="iicon" title="Mail" href="#mail"><em></em>Mail</a></li> <li><a class="iicon" title="Chat" href="#chat"><em></em>Chat</a></li> <li><a class="iicon" title="Search" href="#search"><em></em>Search</a></li> <li><a class="iicon" title="Options" href="#options"><em></em>Options</a></li> </ul>
Result :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
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.
ScriptSrc : List of Current Library Script Tags (via @hdytsgt)
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. Read the rest of this entry »
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. Read the rest of this entry »
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. Read the rest of this entry »
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.
[Community News] jQuery Fundamentals
RGraph : HTML5 Canvas Graph Library
jQuery Plugin : jQuery iPhone UI
Pikachoose : Another jQuery Plugin for Image Gallery
HTML5 Security Cheatsheet
[Community News] How to turn any jQuery plugin into a Wordpress one
Zoom Your Element Using Zoomooz.js
[Community News] Build a Flash-like Game With Scripty2
[Community News] CSS3 Transitions available on Firefox 3.7
[Community News] CSS from the Ground Up
- How To Create iPhone-Style Navigation (Part I)
This post has got 23 shouts so far - jQuery Plugin : jConfirmAction
This post has got 34 shouts so far - iPhone-Style Navigation:AJAX + Rotate (Part II)
This post has got 12 shouts so far - Simple Flip Puzzle Effect with jQuery
This post has got 6 shouts so far - Howto Create Mac-like Login Form
This post has got 7 shouts so far - Implement Password Strength Meter & Gauge.js
This post has got 8 shouts so far - Stylize Your Own Checkboxes
This post has got 15 shouts so far - Create Animated Navigation Menu From Stratch
This post has got 7 shouts so far
- showing database connection error… to check...
by melwyn on Pikachoose : Another jQuery Plugin for Image Gallery - Great article! I’m from Brazil, I’ve been following your...
by Thiago on [CodeSnippet] CSS3 Flying Menu - Looks nice
by TheShadow on Filter Image View Using jQuery - Nice drop down menu tutorial.
by TheShadow on Simple CSS3 Dropdown Menu - love your site
by eJobsViet on Free Web UI Element Pack