It’s been a while since I posted tutorial article. In this post, I will show you how to create a smart sticky navigation bar easily with just few lines of Javascript codes, powered by the mighty jQuery. Smart sticky navigation bar is a bar that sits at its original place above the fold, but when [...]

Today we are going to learn how to create a stylish business logo with techie background in Adobe Illustrator. This tutorial was actually a request by a reader early this month, but so sorry that it take so long until now I only manage to write this tutorial and post it up. As mentioned earlier, [...]

Today I’m going to teach you a simple tutorial on creating a simple light stripes effect in Photoshop. The tutorial is simple and I think it’s suitable for Photoshop beginners too. Before getting into the steps, please take a look at the final result below. This light stripes effect looks cool in both dark and [...]

When entering Omspace, a weblog of Kenny Ren, immediately I was attracted by the huge and interesting 3D graphic header. Then, I wonder how to create the 3D Cylinder looking graphic in Illustrator. Well, actually it’s quite simple to achieve and I have plenty of fun too in the process. To do this tutorial, Adobe [...]

I remember that I first saw the dotted tunnel in one picture posted in Fubiz which sparks my idea on creating this tutorial. The graphic effect is kind of cool so I decided to try replicate the look and found out that it’s simple to do. The main tools used for this tutorial will be [...]

There are tonnes of great website designs on the web out there. Sometimes, web users wanted to take screenshot of the website either for future reference or as collection. The easiest method to use is by hitting the Print Screen and Paste it in MS Paint. But what if we want a full page screenshot? [...]

In web development, Cascading Style Sheets enable us to create the style and look of a web page. Today, I am going to show you a simple way to create a 3 column centered fixed width by using CSS that works in major browsers. I use Dreamweaver CS3 as my main tool to create web [...]

I had been working on CSS heavily for this couple of weeks. Because I’m not an experienced CSS coder, I encountered many problems and get frustrated in order to get the code right and functional on majority web browsers. Luckily there is a lot of useful CSS tips and tricks can be found on the [...]

One great tool that Adobe Illustrator offered to us is the Blend Tool. It is a tool to blend two objects with different shapes or color properties. It looks like a transformation from a shape to another. It is very fun to use and actually quite powerful and flexible too. To establish a blend is [...]

Emoticon and smileys is big in the Internet world especially Japan. In Japanese emoticon is called Kaomoji (顔文字 or facemark), which means texts that formed a facial expression. Kaomoji can be used and seen especially on chat room, text messaging, e-mail etc. Sometimes I am very impressed on the cuteness and wide range of Japanese [...]