Archive for the 'Real World Web Design' Category

The Three Critical Aspects of a Web Site

Hi,

I just released a 10 minute video blog talking about the three critical aspects of a web site.

So what are the three critical aspects of a web site?

  1. Content
  2. Ease of use
  3. Design aesthetics

I go over what each mean and I also give you a few hints and examples that you can use in your own web design work.

Thanks,

Stefan Mischook

www.killersites.com
www.killerphp.com

What are IE8 WebSlices?

From the killersites.com magazine:

In a nutshell, webslices are an IE8 specific feature that allows the web designer to tag part of a webpage as a ‘webslice’. By tagging sections of a web page, users of IE8 can then subscribe to it, much in the same way that they can subscribe to an RSS feed.

Read the full article about webslices.

Thanks for reading,

Stefan Mischook

www.killersites.com
www.killerphp.com

Cleaner code is better than faster code

I can’t tell you how many times that my programming experience (in Java, PHP etc) has guided me in my web design work … and strangely, even in other aspects of my life not at all related to topics ‘nerd’.

… Ah, nerd wisdom prevails in all aspects of life.

:)

Anyway, here yet again, is another example where programming guides me: this time, it’s all about web design and code.

-

Over the last few years, the consensus in the web design community has been to streamline code. In real terms, that comes down to:

  • collapsing html
  • collapsing css
  • … and consolidating css code into one file, to minimize the number of server hits.

… The idea is to speed up web page load times and to reduce web server loads.

This is an important goal and something all web designers should be concerned about. The problem is that if you are concentrating on optimizing your CSS or HTML to speed things up, you are concentrating on the wrong parts of your websites.

The fact is, that most of the optimization opportunities is actually found in your images, Flash movies and other multimedia content - not the code.

Continue reading ‘Cleaner code is better than faster code’

How to organize your css code: the ‘killer’ css structure

I can’t stand articles that make you read two pages before getting to the point. With that in mind, let’s look at how I think css code should be organized.

php-video-tutorial

In a nutshell: css code should be divided up into at least 4 separate pages:

  1. page-structure.css
  2. text-styles.css
  3. misc.css
  4. ie-styles.css

How about we call this the ‘killer’ css structure.

:)

Before I go into the details of what each css file contains (if it’s not already obvious), I want to quickly cover WHY you might want to use this basic css structure for all your websites.

Continue reading ‘How to organize your css code: the ‘killer’ css structure’

Website Templates: can you use them in professional web design?

A few days ago, I got this email that is all about starting a web design business, so I thought I would answer it here because I think a lot of people might find it interesting.

I need your opinion. I was looking to quote a friend a price for a small, simple, informational website. No more then 10 pages at the most. Possibly holding scedules for his football team too (which would need to be updated).

I know he wants a deal from me. Also, design is my weak point. How would i properly word the idea of using a website template? If i go and get a template from somewhere, it would be ethically correct to tell him since he could come across the same design someday. How would i go about doing that without him thinking- well i can go get a template and i don’t need you! Then I’ve lost a job!

Let me know your ideas.

Thanks,
Tim

Continue reading ‘Website Templates: can you use them in professional web design?’