The Ultimate Collection of HTML5 Tutorials and Techniques

published on August 30, 2011

From the time when HTML5 was introduced in the market, web masters and internet marketers are extensively using it as compared to the previous versions of HTML. With the launch of HTML5, there comes dozen of tutorials to guide you …


20 Useful CSS3 Menu and Navigation Tutorials

published on December 7, 2010

Although CSS3 has not been supported by some browsers yet and many people are unenthusiastic to use it, many other people have enjoyed using it with its features to create many fabulous stuffs. However, there many features that can be …


CSS3 Sidebar Full Height Background Color

published on August 23, 2010

This is a small CSS3 trick which can do the Faux Columns trick without using image. The problem with sidebar in layout is it cannot extend automatically full height along with the content. We usually do it by creating an …


Quick Tip: Gain More Traffic for Blog Using Tweetmeme and Su.pr

published on June 8, 2010

Some guys asked me how I did with the Tweetmeme button which using the Su.pr URL shortener. Su.pr is a service of Stumbleupon, a very popular social network, which helps people share the web content together. It’s pretty easy to …


CSS text-indent: An Excellent Trick To Style Your HTML Form

published on February 3, 2010

You properly know exactly what the property text-indent does in our css style. It’s just a common property of css that everybody using everyday to hide the text in link block. Sure, text-indent is doing it well. However, it does not only just hide the text. It does more.


@font-face Generator Every Web Designer Must Know

published on January 19, 2010

As you’ve already known, Firefox 3.5+ , Safari 3.1+, Opera 10+ and Internet Explorer 4.0+, all of them support @font-face embedding and Google’s Chrome 3.0 beta does as well. Although embedding the @font-face is easy by just few line code in CSS, create these font file for each type of web browser is not easy. Too many steps! Have you ever wished you had font-face kit that includes all of these files? Today, you’ll have it.


Incredible Drop Down Menu Solution With CSS Only

published on December 6, 2009

There are plenty of drop-down menus using javascript and CSS already available, but most of them are either too basic (with CSS) or too complicated (with Javascript). That’s why I publish this drop down menu solution which is using CSS only, but it has a smooth drop effect and the css sprites that changes the toggle icon jQuery-likely. Honestly, this is the most completed menu solution using CSS which comes along with awesome effects.


Bubble Effect with CSS

published on November 22, 2009

You might be familiar with the plugin jQuery Dock which allows developers to create a menu like Apple Dock. Today, you will create a similar menu with bubble effect by using CSS only. Although it doesn’t have as smooth of an effect as jQuery Dock, it’s helpful for those that just want to make a cool menu by using pure CSS. This tutorial includes two methods: CSS sprites (basic) and the image swapping (advanced).


Relax with Javascript: Randomize Your CSS Style

published on November 6, 2009

This is just a small tip for fun. Sometime, we are bored with the only-one style in our website, but today, we will make some changes. We will create a javascript to randomize the CSS everytime we refresh the web page. For what? Just make our style always get new.