12 Free @font-face Icon Sets

@font-face Icon

Thanks to CSS3 @font-face rule we were able to render any web fonts within web pages. This also means that we can include icons into web pages through icon web fonts instead of using images or CSS sprite. Moreover, it’s much easier to manage, plus icon web fonts being scalable and able to style using CSS properties like font-size, color, text-shadow, and etc.

Continue Reading  »

BlocksIt.js – Dynamic Grid Layout jQuery Plugin

BlocksIt

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 can even combine the ‘blocks‘ and make a huge block! So, let’s blocks it!

Continue Reading  »

8 Best jQuery Plugins for creating HTML5 Video

HTML5 Video

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 have roundup of 8 best jQuery plugins for creating consistent and cross-browser HTML5 video. It should help you save time [...]

Continue Reading  »

Fancy Image Gallery with CSS3 Transitions

CSS3 Transition

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.

Continue Reading  »

5 Must Know Tips for Facebook Timeline Fan Page

Facebook Timeline

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?

Continue Reading  »

CSS3 Media Queries for Different Devices

Media Queries

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.

Continue Reading  »

CSS Tricks for Headings, Fonts and Text Styling

CSS Tricks

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 you on what can be done by using CSS rather than rely on Photoshop every time.

Continue Reading  »

Get me the water! – IQ Game

Water IQ Game

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!!!

Continue Reading  »
Pages:1234Next »