Blog Archives

Paint flash neon light in dark by CSS3 & jQuery

csslight

box-shadow in CSS3 is a very useful feature, can do some very nice UI effect for webpage. In this demo that I did user can click anywhere to create a flashing neon light, more and more neon lights in the dark like bustling street in camera lens which lost focus.

Tagged with: , ,
Posted in CSS3, Javascript

Build simple game interaction by HTML5 base on KineticJS JavaScript Library

html5-logo-parody

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 http://www.kineticjs.com/

Code as below …

Tagged with: ,
Posted in HTML5, Javascript