Latest Articles

5 cool modern Japanese houses

5 cool modern Japanese houses

In Japan, the sense of architecture design has been outstanding for all these years. But through the years, the aesthetic value of the architecture and the concept of living has been changing to fit the owners vision of life and their modern lifestyle. In this post, we will dive into some of the modern cool looking Japanese houses.

Below are some examples of modern architecture designs that I found on the Internet that I would like to share with you guys. As you can see the shape of the houses are normally geometrical and very minimal interior design, using a lot of wood and glass that allows huge amount of natural lights to light up the inside during the day. It makes the space bigger and also able to save electricity too. Please check them out!

Continue reading

Learning Web Development without W3Schools

Learning Web Development without W3Schools

When comes to learning and referring about web development technologies like HTML5, CSS3, Javascript et cetera, normally we would find ourselves entering W3Schools website. At first glance, it’s a great site for learning, however there are many concerns about the reliability and credibility of the website content. W3fools, clearly addresses the problems of W3Schools.

So, if W3Schools posses so much false information and is not recommended by the web professionals, then what should we use instead? In this article we will dive into the alternative website which is better maintained, more open and recognized by the experts. And also a better and more social way of learning HTML and CSS.

Continue reading

JAYPEG: A design showcase website from Japan

JAYPEG: A design showcase website from Japan

There are many websites that designers and artists can use to showcase their brilliant works for example: Dribbble, Behance, DeviantArt and more. With these sites, designers able to showcase their works, find inspiration, make new friends and get more exposure too! Today, I’m going to introduce JAYPEG, a design showcase site that originated from Japan.

The interface design of the JAYPEG website is really clean and minimal. The navigation is really straightforward, and the uploaded designs were arranged in a form of stack. There are only three public stacks at the moment: The Popular stack showing the popular entries; the Latest stack that displays the latest uploads; finally the Newbie stack for first timer. In there, we can find some really nice designs from Japanese designers. Below are some of the cool examples.

Continue reading

Trend Alert: Flat UI Design

Trend Alert: Flat UI Design

In the recent years of Web and UI design, there are a lot of design examples that are visually stunning, with sense of depth and mimicking the real life objects. But in the year 2013, a design style has gotten into attention and become a rising trend: the flat UI Design.

Flat UI designs are usually minimal, less sense or absolutely no sense of depth, less gradient and more solid color fields, and huge white spaces. The visual components are usually straight forward, clean interfaces and uses flat icons as well. Continue reading to find out some examples of the flat UI designs.

Continue reading

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