iPhone Gift Ribbon 138

iPhone Gift Ribbon

I recently spotted an iPhone ad which inspired me to write this tutorial. It is a gift ribbon, consisting of various app icons, wrapped around an iPhone. This effect can be easily achieved with Photoshop Warp transform tool. Christmas is around the corner and I hope you may find this tutorial useful for upcoming projects. If you are not familar with the Warp tool, I sugest you read my Photo Strip tutorial first.

Coding Clean and Semantic Templates 233

Coding Clean and Semantic Templates

If you are the guy who uses <div> tag for everything, this post is for you. It focuses on how you can write clean HTML code by using semantic markups and minimize the use of <div> tag. Have you ever edited someone's templates, don't those messy tags drive you crazy? Not only writing clean templates can benefit yourself, but your team as well. It will save you time when you have to debug and edit (particularly the large projects).

5 Simple, But Useful CSS Properties 246

5 Simple, But Useful CSS Properties

This post is about 5 useful CSS properties that you should be very familiar with, but will most likely rarely use. I'm not talking about the new fancy CSS3 properties. I'm referring to the old CSS2 properties such as: clip, min-height, white-space, cursor, and display that are widely supported by all browsers. So, don't miss this post because you might be surprised how useful they are.

Design Process of Koi Illustration 174

Design Process of Koi Illustration

It has been a while since the last time I've done any illustration work. Recently I've created a new awesome piece that I would like to share with you. It is a koi fish illustration inspired by my tattoo. Read this post to find out more about my tattoo and see how I created the koi fish illustration based on my tattoo.

CSS: Design Out Of The Box 148

CSS: Design Out Of The Box

Are you tired of your typical columned and boxed layout? It is time to learn how to break out of the box and do something creative. In this post, I've collected some of the best examples that are designed out of the box. I've also provided some quick CSS tips with demo files on how to break out of the box by creatively using background images and the CSS position property.

Illustrator: Abstract Vector Art 142

Illustrator: Abstract Vector Art

This Adobe Illustrator tutorial will show you how to create an abstract art that can be used for wallpaper, website header or background images. It is fun and easy. You will learn how to use the Warp and Twirl tool to create abstract vector art in minutes. Users with basic skills should be able to handle this tutorial. To continue on this tutorial, you need Adobe Illustrator CS or above.

View Final Artwork

Mastering Illustrator Effects 190

Mastering Illustrator Effects

Have you been missing out the Illustrator Effects? Did you know it is a powerful tool for creating symmetrical shapes or adding texture to vector paths? For example, with just one simple effect, you can turn a polygon path into a flower shape. You can also make paths look sketchy with the Scribble effect. Read this tutorial to learn how to save time by using Illustrator Effects and work more efficient.