Web Design and Blogging Tips
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! View Demo Download How It [...]
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 [...]
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. Please note that the results from this tutorial will only works well in browsers that support CSS3 transitions like Chrome, Safari and Firefox. The Idea The idea is to create a fancy circular thumbnail which will be animated [...]
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. The techniques used are mainly CSS3 transitions combined with CSS :hover pseudo-class. Of course, other CSS properties are still used for styling purpose! Please note that the [...]
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? In this post, I have listed some must know tips regarding new Facebook timeline for Fan Page. Perhaps you will get to know better on [...]