Archive for February, 2007

« Previous Entries
Next Entries »

23rd Feb 2007

Designing a favicon for your site

When designing a favicon (favicon.ico) for your site, you should try to incorporate at least one of the followings:

- Site logo
- Letter(s) that represent your domain name/site name
- Mini icon/picture that represents your site (eg: if your site is about beauty products, you might want to use an icon of a lipstick)
- Site color scheme

xHTML Code

<link rel="shortcut icon" href="http://www.example.com/favicon.ico"
type="image/x-icon" />

OR

<link rel="shortcut icon" href="http://www.example.com/favicon.ico" />

Favicon Tools
FavIcon from Pics
Dynamic Drive FavIcon Generator
Favicon Generator
favicon2dots (convert your favicon to dot’s like 3Ddot image)

Technorati Tags: , , , , ,

Posted in Design | No Comments »

22nd Feb 2007

5 interesting reads of the week

5 Blogging Methods That Work - How to get more visitors and how to maintain your current visitors

Mac or PC? - You’ve seen the ads, how do you choose for business?

How to Not Get On the Digg Homepage - Here’s a surefire way of ensuring your site won’t make it to the Digg social news frontpage.

15 CSS Properties You Probably Never Use (but perhaps should) - Some CSS Properties that you have never heard of before.

Ten things you hope the client never says - Very funny but most of them are true

Technorati Tags: , , , , , , , , ,

Posted in WWW | No Comments »

21st Feb 2007

Ninemsn Redesign

Ninemsn ScreenshotNinemsn (An Australian Version of MSN) has recently redesigned their frontpage.


Technorati Tags: , , , , ,

Posted in Design, WWW | No Comments »

19th Feb 2007

How to get rid of tracing dotted line on a:active with CSS

How to get rid of tracing dotted line on a:active with CSS

You know those tracing dotted lines (see above) which appear when you click on a link? I found out not too long ago that you can get rid of them easily just by adding the following into your stylesheet file.


a {
outline: 0;
}

Technorati Tags: , , ,

Posted in CSS | 7 Comments »

19th Feb 2007

web 2.0 star burst in Photoshop

This is a step by step tutorial with screenshots on how to create a web 2.0 star burst in Adobe Photoshop. web 2.0 star burst has become very popular recently thanks to web 2.0 hype. Those glossy web 2.0 star bursts are also known as Star flashes, Seal, web 2.0 Badge and can be seen everywhere especially on web 2.0 logos. At the end of this tutorial, you will be able to create a web 2.0 star burst using Adobe Photoshop.

Create a new Photoshop document of 300×300 pixels and name it anything you like.
web 2.0 star burst in Photoshop

Change the foreground color to #ffac0b.
web 2.0 star burst in Photoshop

(more…)

Posted in Design, Tutorials | 1 Comment »

« Previous Entries
Next Entries »