Archive for the 'Web Design' Category

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

Here comes IE8

ie8-beta

The web design magazine is slowly taking off.

… We have our first article from John Beatrice who has given us a sneak-peek at the new IE8:

Internet Explorer 8 is Microsoft’s response to the growing interest in interactive web services and rich online experiences. This is Microsoft’s second attempt to build a browser that follows standard compliant HTML and CSS. So, will designers and developers embrace this new Internet Explorer?

You can read more about the Internet Explorer 8 beta in the magazine section of the website.

I hope you’ll find it interesting.

Stefan Mischook

Microsoft Expression Web 2 is out.

Microsoft recently released Expression Web 2, their new web design program.

Frontpage is old news:

For those of you who don’t know much about it, Expression Web replaces Frontpage and as such, you won’t be seeing any new versions of Frontpage.

… You can read more about Expression Web 2 in the magazine.

Thanks,

Stefan Mischook

www.killersites.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’