BlocksIt.js is a jQuery plugin for creating dynamic grid layout. It manages to convert HTML elements into ‘blocks‘ and position them in well-arranged grid layout like Pinterest, one of the hottest website nowadays =). How? Well, simply specific the number of columns you wish to have and BlocksIt.js will do the rest for you. Also, you [...]

As we all know, HTML5 video element allows us to embed videos into web pages without any plugins. But the problem is not all browsers support this feature. Moreover, each browser provides native video player controls, which are not allowed in professional web design. Thankfully, someone has created jQuery plugins solution for these. Hereby, I [...]

In today’s tutorial we’re going to create some simple but fancy hover effects on thumbnails using CSS only. The techniques that involved are CSS3 Transitions together with the :hover pseudo-class, and other CSS properties for styling as well.

CSS3 Transitions allow browser to animate HTML elements through the change of CSS properties. In other words, we can create animations in webpage without JavaScript but just with pure CSS. Today I’m going to use this amazing CSS3 property to create a fancy image gallery with CSS3 transitions.

Facebook has introduced new timeline to all Facebook Fan Pages on March 30, 2012. Now, all Facebook business/Fan Pages should automatically change to new Facebook timeline layout whether they like it or not. Instead of complaining about the changed, why not take a chance to renew your Facebook Fan Page?

Hi there! Today we’re going to talk about CSS3 Media Queries for different devices like desktops, mobiles phones, notebooks, tablets and etc. As CSS3 extends CSS2.1 ‘Media Type’ property, we can use new CSS3 Media Queries to build websites which able to display well or look different on different devices.

The truth is, we can still creating those fancy headings, cool fonts and text effects without using Photoshop, but just with CSS. In this article, I have listed some useful CSS tricks and techniques which can be used to style your headings, fonts and text as well as content. Perhaps, these CSS tricks might inspire [...]

jqFloat.js is a jQuery plugin that able to make any HTML objects appear to be “floating” on your web page. It helps create simple floating animation and make your websites come alive with these little “floating” object. Have fun with Floating ~

Feel bored? Have nothing to do now? Why not Get me the water!? XD Get me the water! is an IQ game created using jQuery framework by me. Of course, you can distribute it to others as well if you wish so. The most important thing is let’s have FUN with it!!!

HTML5 video element, one of the most popular features in HTML5. It is now already supported by most modern browsers, and even so for IE9. However, each browser provides native browser video controls. In order to have a consistent HTML5 video controls across all browsers, we have to integrate own custom HTML5 video controls rather [...]