List of well designed websites

admin1 — Thu, 23 Jul 2009 07:35:11 +0000

Below are a few simple but well designed sites and Why!!

Mozilla.com
Iconbuffet.com
Boldchat.com
Enhancedlabs.com
Protolize.org
Sumagency.com
www.teamviget.com

Mozilla.com

Clear, open, fresh, simple. When you arrive at this site, you’re under no doubt what the site does, or where to start looking for what you want. The design is positive and happy.

Iconbuffet.com

The site sells icons, so it lets the icons rule, showing its wares from the first page.

The colours and typography are solid & strong, projecting a trustworthy brand while not getting in the way of the proposition.

Boldchat.com

Boldchat provide a great live chat service for web sites, which is a very wide market to address.

So the site design is clean, smart, and shiny, using clean copy and smart imagery to communicate the core messages in a compact space.

EnhancedLabs.com

Another icon maker, doing bigger, richer icons, so the the site showcases them bigger & richer.

Bold, flattish colour creates a strong first impression and still lets the product stand out.

Protolize.org

Tony Yoo’s collection of recommended web resources is a great example of strong graphic elements balancing to make a site that’s bold and easy to use.

Big text, simple nav, high usability, all wrapped in strong colour and finished off with nice graphical touches.

Sumagency.com

Acres of balanced white space, easy-read text and cute content graphics combining to tell a simple story.

www.teamviget.com

I just love the concept with the wall metahpor that this website uses. I also think that the way this site works with all the interaction and movement being done with CSS is very cleaver.

What Do you think?
When you go to a website that you like do you know why you like it?
Do you even think about why you like it

Website Favicons

admin1 — Tue, 14 Oct 2008 07:24:14 +0000

A favicon (short for favorites icon) is an icon associated with a particular website or webpage. They are also know as website icon, shortcut icon, url icon, or bookmark icon. You can your favicon and use it with your website (or webpage) by several means, and most web browsers will then use it. Browsers which support favicons typically display a page’s favicon in the browser’s address bar and next to the page’s name in a list of bookmarks. New browsers that support a tabbed document interface typically show a page’s favicon next to the page’s title.

Favicon image types

Most modern browsers will recognize PNG, GIF, and JPG formats for favicons, but Internet Explorer doesn’t so it is best to use the ICO format, which works in all browsers.

How to make a favicon file

I generally use a free online favicon creator site like http://www.faviconprime.com where you can upload a jpg png or gif and have the site create an ico file for you to download and upload to your website.

There is also an ico creator plugin for Photoshop as well as other pieces of software that you can use to create your ico file.

Code for your favicon

Once you have your favicon, you need to add this line of code to the within the head of your HTML document so your favicon can be found:

rel=“shortcut icon” href=“favicon.ico” type=“image/x-icon” />

and voila you should have your own nice favicon for your website.

What did I learn today ? » nice layouts