Monthly Archives: January 2014

Style your content into clear and easy for reading

book

  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

html5canvas

  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: , ,

Gallery thumb fan spin effect with CSS and jQuery

Gallery thumb fan spin effect with CSS and jQuery

Use CSS animation and javascript we can create a fancy fan spin effect for showing gallery thumb items.

Posted in CSS3, Javascript Tagged with: , ,

Gallery thumb item hover effect with css

Gallery thumb item hover effect with css

It’s easy to do a beautiful hover effect for gallery thumb list by using pure css code.

Posted in CSS3 Tagged with:

How to do a swing lantern with pure css

lantern

Use very simple html code with pure css, we can create a Chinese style lantern with swing animation.

Posted in CSS3 Tagged with:

Some cool css techniques with demo

SwatchBook

SWATCH BOOK WITH CSS3 AND JQUERY A tutorial about how to create a swatch book like component that let’s you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a

Posted in CSS3 Tagged with: , ,

Build an OpenGL mesh viewer with glut(2)-Load M file into half-edge data structure

half-edge

In this project, we focus on triangle mesh model which its data is stored into M file.  The format of M file is very simple, it contains two parts, one is for “vertex”, another part is for “face”.

Every

Posted in CG

Build an OpenGL mesh viewer with glut(1)-Setup development environment

opengl

For this project development, we use Glut to build the interface which provide the UI such as window, menu and mouse/key interaction, as a beginner, Glut is good choice, because it is easy to use and do not need spend

Posted in CG