Blog Archives

Customize form validation by using jQuery validation plugin


Sometime form validation is trouble thing for building front page, in this article briefing a method which allow us to customize the validation by adding ourselves’ rule.

Posted in HTML5, Javascript Tagged with: ,

Draw Bezier and B-spline curve with HTML5 + Javascript

Draw Bezier and B-spline curve by HTML5 and Javascript

This is a online tool for drawing Bezier and B-spline curve. Main technologies used in this tool are HTML5, Javascript and Paper.js which one is a great framework that runs on top of the HTML5 Canvas.

Posted in CG, HTML5, Javascript Tagged with: , , ,

Style your content into clear and easy for reading


  How to make the content to be read easily and comfortable is very important. In order to do this, you have to think about several essentials like line height, color, font, font size and typography. In this article, we create

Posted in CSS3, HTML5 Tagged with: ,

A simple online canvas base on HTML5


  Demo This is not a completed application, still in development. Main technologies are HTML5, Javascript and css. I used local storage technology of HTML5 for online data storage, so it only support modern browser. There are some tools can

Posted in HTML5 Tagged with: , ,

Update on solar system

Solar System base on WebGL

Added control panel for seeking object and controlling track line show or hide.

Posted in HTML5, Javascript Tagged with: ,

Featured projects base on three.js


Never Seen The Sky URL: It’s a very nice project based on three.js, the polar lights pulse by following music rhythm, and the camera fly over the earth surface in different angle of view. The broad starlit sky and mountain looks  very beautiful with

Posted in HTML5, Javascript Tagged with: , ,

Begin the Solar System project based on WebGL with three.js


Three.js is a great library, there are a lot of excellent examples in its site. I decide to begin learning this library and created a simple earth-moon system, I want to improve it into bigger and bigger, finally, hope it become a whole Solar System.

Posted in HTML5, Javascript Tagged with: , ,

Build simple game interaction by HTML5 base on KineticJS JavaScript Library


HTML5 is powerful on web game, in this article we will create a page include simple interaction which is controlling the catoon man to walk up,down,right and left by arrow key.

First, we need to load a javascript library named “KineticJS”, it’s very strong framework for HTML5 canvas interaction. You can get it from

Code as below …

Posted in HTML5, Javascript Tagged with: ,