Min’ blog, an online journal of a Vietnamese desinger

CSS swap hover effect

Posted by Min Tran on 19 Jun 2008, 27 comments

Few months ago, I worked on an e-commerce project whose owner (the client) required each and every of the product photos with information to be displayed in a fancy way. It was requested that the product photo be swapped by its product description when the mouse hovers over it. This kind of effect is very interesting and easy to achieve, so I would like to share it with you.

I made a portfolio page as an example to illustrate how it works. Although it should be done with pure xhtml/css, we will need some minimal work-around to make it right in IE6, which will be mentioned later in this article.

Icon design tutorial on Smashing Magazine

Posted by Min Tran on 06 Jun 2008, 20 comments

After I released some free icon sets, many readers emailed and asked me if Vu Tran and me could share some techniques and experiences of designing attractive icons. So here it is, “Icon Design Tutorial: Drawing A Pencil Icon” on Smashing Magazine.

The process of building my blog - part 2: XHTML/CSS

Posted by Min Tran on 02 May 2008, 23 comments

In the previous post, we had a go behind the curtain to see what I’ve done with my blog design. Now let’s continue to dig into a very important phase - the blog development. In this article, instead of covering all the xhtml/css code (which is really boring), I will show you the pre-coding process, also some cool techniques that I use across this process.