Fird's Domain

Sometimes when you visit a certain website, you’ll notice a certain combination of colors that you really like - and perhaps planning to use it on something you’re working on, or as an inspiration for future use.

The way I normally go about to get these colors is by taking a screen shot of the website and use the color picker in Photoshop (or other image editing software) to pick the colors up, and save the colors for later.

Recently, I’ve discovered a very handy trick to make this task a lot easier. (Note: I’m using Photoshop CS3, so I am not sure if this would work in previous versions of Photoshop).

Read More…

Hey guys, check out bebe’s blog - she have just updated her new layout!

Please do report any bugs/rendering errors yeah!

For the uninitiated, a “rollover” here refers to the state of an object (or text) on a website that changes it’s appearance when a mouse cursor rolls over it. Try hovering your mouse over the four buttons on top of this page, you will see that they change their color slightly. The reason behind doing such is not necessarily to impress people, however, it is used to provide some sort of “tactile” feedback to the visitor, telling them that something is there.

Imagine typing on a completely flat keyboard that doesn’t press in or give that clicking sound. You would feel kind of weird. You don’t? Oh my.

Let’s get busy with our coding now, shall we?

Read More…

If you want to create a unique personalized WordPress theme, but don’t know how to use CSS or PHP: try this Theme Generator. Change colors, layout, header, font, several settings and preview instantly. Result is a saved to .zip file, download, extract and upload. Great new WordPress tool.

read more | digg story

At one point of time, I was so obsessed with rounded-corners. In my opinion, if used right, rounded corners will make an interface (especially segmented websites like blogs or portals) looks more manageable and attractive.

When I was just learning up web-development and HTML, I will make use of tables made from 9-cells (3×3) to realize my “rounded corner” desire. This is very simple, all you have to do is to create 4 images to represent the corners and arrange them up in such way (red lines signifies the cells):

There’s absolutely nothing wrong with doing this, even now. However, I am personally sick of coding the tables - plus, should I decided I don’t want the round corners anymore, it would be troublesome for me to edit the entire template file just to do that. However, thanks to the powerful styling properties of CSS, there’s a better way to do this.

Read More…