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).
(more…)

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.
(more…)

Surprisingly enough, based on the findings from my recent survey there are quite a bit of Fireworks users. Personally, I never used Fireworks. Photoshop is alway my first choice for designing—from image editing to designing mock-ups. But, did you know that Fireworks is way better than Photoshop in term of image compression? I’m not a software engineer, I can’t explain why Fireworks can compress better. But I can prove it to you by showing a series of experiments I did.
(more…)

To compete with thousands of iPhone apps in the App Store, having a good app icon is not enough. A nicely designed website for the app is very important. A beautiful website helps to drive traffic in and also makes your app stand out from the crowd. This post showcases a gallery of appealing iPhone app sites and common design trends that I see. (more…)

The Future of Web Design (FOWD) is returning to New York City on 16th & 17th of November! If you haven’t heard of FOWD, it’s a conference which brings together the web industry’s leading designers and delivers two days of workshops and talks from the likes of Dan Cederholm, Jason Santa Maria, Molly Holzschlag, Joshua Davis, Vimeo and lots more. I have one conference pass to giveaway. Enter a comment in this post before November 3rd, 2009 for your chance to win a ticket.

Update: The winner is: #178. (more…)

Finally, I’ve joined Twitter (follow me @nickla). At the moment, I don’t really have any tweets yet. The main reason I’ve started Twitter because I’m redesigning N.Design Studio and I want to be able to post updates and in-progress images for readers. Also, if you have a moment, please let me know what kind of tweets best interest you.

Note: There is a poll embedded within this post, please visit the site to participate in this post’s poll.

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. (more…)

In the past, we’ve been told not to use serif fonts due to its readability on low resolution monitors and poor rendering in WindowsXP. Now, with display technology advancing and IE7+ supporting ClearType by default, I think it is about time to change that rule. Take a look at the example sites that I’ve collected, you will probably agree with me that serif typeface will be the next web font trend. (more…)

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. (more…)

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 (more…)