Latest Articles

Flickr Gallery Showcase #8

Flickr Gallery Showcase #8

Here we go again! It’s the eighth edition of the Flickr gallery showcase again! As usual, five awesome photo galleries will be showcased in this post. Continue read on to check out the inspirational galleries! If you want to visit the previous series, please check out the Flickr category.

Jeen Na

Jeen Na’s gallery is full of interesting and creative way of portrait photography composition . Click here to view the slideshow.

Jeen Na

Continue reading

Dotted city skyline vector resource

Dotted city skyline vector resource

It’s very clear that my previous free vector resource: Dotted World Map, was getting a lot of attention and downloaded by many. As a sign of appreciation, here I’m releasing another dotted vector resource, but for this time is a dotted city skyline.

The city skyline not only comes with 3 different sizes of dots, but also 3 different height of skyline, from lower to high. I saved the vector files in both Adobe Illustrator (.ai) and also EPS format, and hosted on Box.net. Please continue reading to preview the vector.

Continue reading

Web Design and Development: Best of 2012

Web Design and Development: Best of 2012

Time is running really fast and now we have few days left before welcoming a brand new year. Well, in the fast moving world of web development, many articles and resources were uploaded by designers and developers to contribute and share with rest of world. And in this post, I gathered a few article links that show you the best of web design and dev resources for the year 2012!

As usual, the links are categorized in different genre for better viewing experience. I will constantly update the list if there’s more links! Please continue reading to find out the links!

Continue reading

Creating a wave pattern of lines in Illustrator

Creating a wave pattern of lines in Illustrator

Few weeks back, a reader sends me a picture of this stock vectors and asking me whether I can show him how to achieve the result. Well, it’s a illustration depicting a wave of lines that comes in different thickness and shades of blue. I did some tryouts and find that it’s not that hard to achieve.

For this tutorial, I will show you how to create the wavy patterns of lines similar to the stock vector above by using Illustrator at least version CS5 or above. This is because you will need to use a tool call “Stroke Width” which only available in mentioned version. Continue read on to find out more!

Continue reading

24 rounded fonts that you can download for free

24 rounded fonts that you can download for free

When creating designs that are casual and cheerful, rounded font becomes one of the preferable font styles for the eye-catchy title and/or the body text. There are popular premium rounded fonts out there like VAG Rounded, Gotham Rounded and even Helvetica Rounded which you might have seen them in various print and digital designs. They are well crafted, but it’s really expensive.

Fortunately, there are quite some quality rounded font alternatives available out there that you can download and use for free! Many of them can be used for commercially (please check their license agreement). Some of them are even @font-face ready which you can implement into your websites. Continue reading to check them out!

Continue reading

2 tools to quickly convert PSD layer styles to CSS3

2 tools to quickly convert PSD layer styles to CSS3

As any web designers like me that use Photoshop as the tool to design websites, I believe many of us used layer styles to style up the common design elements like buttons and boxes. And when comes to converting design to CSS styles, we will have to manually enter the properties and values which is very inefficient and time consuming.

Well, rejoice! Today I’m going to introduce 2 tools that can quickly convert Photoshop layer styles to CSS/CSS3 with just a single click. They are: CSS3Ps which is a free tool and CSShat which is a premium plugin. Both tools are aimed to save your time and accurately convert your layer styles to reusable CSS styles.

Continue reading

7 heartwarming wedding invitation websites

7 heartwarming wedding invitation websites

Love is in the air… many of my school friends and work colleagues are getting married and certainly I can feel the love and happiness is surrounding them! Well, today in this post, we will be talking about wedding, and to be specific: heartwarming wedding invitation websites.

In my country Malaysia, majority of our people still preferring the good old invitation card to inform friends and family about their wedding and the dinner, but on the net I can see that there are couples that used web as medium to send out invitations. Certainly by using web as medium, the couple has the freedom to express their love story in a creative way. Here I gathered some great examples of them. Check them out after the jump!

Continue reading

Find and Download free resources from Freepik

Find and Download free resources from Freepik

I believe everyone love freebies. So do I! Recently I stumbled upon Freepik, a website that aggregates design resources from all around the world that you can download for free! As of writing, it has about 1.4 million items you can find. That’s really a huge collection!

These resources break into three main categories: photos, vectors and layered PSD. The prominent search bar allows you to search with your desired keyword. You can actually register an account to save or bookmark resources that you like for later download!

Personally I find this website really useful because occasionally I will look for quality free resources, and download it for my future projects. With FreePik, I can easily look for it without wandering around with search engines and find only bad quality stuff. I hope everyone could benefit from this site!

4 useful online editors to learn and share codes

4 useful online editors to learn and share codes

In the modern web development world, design and develop become very social and convenient. Not only designers/developers able to code online by just using web browsers, but also able to share it with online community.

Today, I’m going to show you some websites where you can do things mentioned above. Everyone will be benefited with these websites because we get to share ideas and also learn how other people code. Continue reading to find out these sites.

Continue reading

Yellow Website Inspiration

Yellow Website Inspiration

Yellow is the color that brings the meaning of happiness, high energy and cheerful. Today, I’m going to dedicate this post to showcase some really well executed websites that uses yellow as the primary color palette.

It’s hard to design website that uses yellow, because of yellow is bright and high in contrast. You might realize the website samples that I’m going to show you later use less color and commonly pairing yellow color with black and white elements or muted colors. Well this make them really unique. Continue reading to check them out!

Continue reading