Tutorial Blog » Web Design Styles

When you try to please everyone, everyone goes home unhappy

Michael Alexander — Thu, 04 Dec 2008 17:45:46 +0000

When I do Web work–whether solo or in collaboration with a Web designer–I’m always mindful that we need to keep things simple. Sometimes keeping things simple forces us to compromise more than we would like or generalize in the interest of time and money (for us and the client’s). Ironically, when you tend to over simplify, that’s when many situations tend to get really messy.

Most Web sites are tailored to a specific audience–business or consumer. How to structure and compartmentalize content in that instance can be pretty obvious.Those are the easier ones for us and the client because they tend to be focused (i.e. simple).

However, I’ve worked on a few sites that attempted to be all things to both consumers and businesses. You essentially need to create two sites packaged into one, even though I know it’s a lousy way to go about it. When you try to satisfy everyone, everyone goes home unhappy.

(...)
Read the rest of When you try to please everyone, everyone goes home unhappy (1,135 words)

Feed enhanced by Better Feed from Ozh

When you try to please everyone, everyone goes home unhappy is a post from: Tutorial Blog

Prepare for Your Pages to Be Less Sticky and More Bouncy

Michael Alexander — Tue, 25 Nov 2008 19:39:02 +0000

Sales of laptop computers, especially the ultra-portables from Asus, Dell, HP and several other companies, are super hot these days and that has repercussions for Web writers and designers alike.

According to International Data Group, the sales of portable notebooks in the US–driven by several new companies in that segment of the business-outsold desktop computers for the first time in the history of computers in the third quarter of this year.

IDG says notebook computers accounted for 55 percent of computers sold in the US. That’s overall (consumers and small-medium-large companies).

(...)
Read the rest of Prepare for Your Pages to Be Less Sticky and More Bouncy (540 words)

Feed enhanced by Better Feed from Ozh

Prepare for Your Pages to Be Less Sticky and More Bouncy is a post from: Tutorial Blog

Image Mapping with CSS

Philip Beel — Tue, 18 Nov 2008 23:00:28 +0000

Image Mapping – This tutorial will show you the benefits of image mapping and why you should implement it when building websites. I will take you through the how and why, plus show you image mapping in action. This image mapping tutorial is aimed at beginners and will only require you to know the basics of HTML and CSS.(...)
Read the rest of Image Mapping with CSS (395 words)

Feed enhanced by Better Feed from Ozh

Image Mapping with CSS is a post from: Tutorial Blog

One or multi paged portfolios

Mathias Vain — Sun, 02 Nov 2008 17:27:31 +0000

When an artist starts to make a personal portfolio, they always make at least 2 different kinds of portfolio templates ( well, I made 5 ). and then they have to consider many styles, single page, multi, flash and so on… I’m going to make your life just a little bit easier explaining the pros and cons of one-page versus multi-paged portfolios.

(...)
Read the rest of One or multi paged portfolios (226 words)

Feed enhanced by Better Feed from Ozh

One or multi paged portfolios is a post from: Tutorial Blog

8 Well Designed Websites of Famous People

chriscoyier — Wed, 02 Apr 2008 03:28:25 +0000

Jeff Bridges

The whole site is done in a handwritten style with tons of white space. Very unique and interesting.
VISIT SITE
(...)
Read the rest of 8 Well Designed Websites of Famous People (187 words)

Feed enhanced by Better Feed from Ozh

8 Well Designed Websites of Famous People is a post from: Tutorial Blog

Wide Web 2.0 Style

Oli — Thu, 22 Nov 2007 19:27:04 +0000

For purposes of this blog post I am going to be calling this style of site “Wide Web 2.0″, I know web 2.0 isn’t a design style nor should it be, but these style of sites starting appearing on web apps and web 2.0 sites. They basically consist of vertical areas which stretch 100% of the screen with a fixed width center that houses the content. Other characteristics are gradients, gloss effects and large footer areas containing more content. Lets take a look at some examples …

(...)
Read the rest of Wide Web 2.0 Style (56 words)

Feed enhanced by Better Feed from Ozh

Wide Web 2.0 Style is a post from: Tutorial Blog

10 Websites with Wood

Oli — Mon, 02 Jul 2007 16:15:41 +0000

Natural elements lend themselves well to websites, they bring something that we can all relate to to our screens and soften what can otherwise be a sterile and lifeless environment. Wood is one natural element that has been used frequently, today we’re going to look at some of the best examples in recent web design …

(...)
Read the rest of 10 Websites with Wood (152 words)

Feed enhanced by Better Feed from Ozh

10 Websites with Wood is a post from: Tutorial Blog

10 Websites with Curves

Oli — Thu, 10 May 2007 16:23:56 +0000

We are going to be taking a look at different design styles in addition to color schemes. Today we select 10 websites that use curves and rounded corners to great effect …

(...)
Read the rest of 10 Websites with Curves (152 words)

Feed enhanced by Better Feed from Ozh

10 Websites with Curves is a post from: Tutorial Blog