Centering a div block without the width using pure CSS (All Browser)

Easiest way to centering a div using pure CSS

The trick to center the div is to shift the outer and inner div, with the use of position:relative and display:block. Shift the outer block 50% left relative, and then next is to move the inner block back to -50% left. Hope this make sense. This code will work on all browser.

Continue Reading »

Adding Multiple Attachment for Joomla K2 Component according to the number of JoomFish’s language hack

Auto detecting Joomfish languages with your K2 Component, making your attachment number of field to match with JoomFish Component site languages.
Please follow the below steps to achieve this.

Continue Reading »

The beginning of web3.0 – Web Design New Approach – Scrolling Page Animation

With the flexibility of CSS3 / html5 / JavaScript, we see new approach to web design. With more power css3 / html5 / javascript, designer and developer can now do things in a more fancy way (design fashion). While scrolling the page down, you can see the interaction that the designer or brand that showcase there product in a way few years ago only Flash can handle. But now with the power of CSS3 and HTML5, we can put in details into the whole structure and flow of the web in a simple way. Now you are viewing not just an website, you are now viewing a webshow! Now, let’s the show begin.


Continue Reading »

Unity3D OnMouseDown() OnMouseUp on GUIT for iPhone and iPad

OnMouseDown/OnMouseUp() are disabled in iPhone Unity for performance reasons.

You can use following JS/C# code to find GUI element under the touch:
Continue Reading »

How to make a proper CSS button


This post will teach you how to make a proper CSS button.

<a class="button btn_file btn_blue">
     <span>
          <span>Button Text</span>
     </span>
</a>

From the above code you can see that I had entered 3 classes for the < a > tag, they are button, btn_file and btn_blue. This is how I usually construct the class layer.
Continue Reading »