The Account Manager asks for a URL and upon receiving, clicks to find a “pretty” home page with 90% images and/or Flash, “cool web 2.0″ navigation using Ajax and as a result of a new content management system, a URL syntax that is completely different than before. Oh, and all title/meta descriptions are now hard coded and there are 50% less pages because the VP of Marketing heard at an executive marketing seminar that “less is more”.

First and foremost, such a blindside situation for a site’s SEO should never happen if Account Management is on top of things. As an advocate and consultant, the AM should have a rapport for information sharing, such as, “Our new VP is having a new site built and has no idea about the 60% of site traffic that comes from natural search. What should we do?”.

(more…)

CSS Variables can define stylesheet-wide values identified by a token and usable in all CSS declarations. A recurring value, like colors or background-color in a stylesheet, will be way easier to update across the stylesheet if a developer has to modify at just one single place or value instead of modifying all style rules applying the property:value pair.

CSS Variables, once implemented, will allow authors to define variables that are reusable as property values anywhere in a stylesheet and queryable/modifiable through an extension of the CSS Object Model.

Majority of the Web Designers and Developers has been requesting a way of defining CSS Variables since its early release. Nonetheless, some are of the opinion that it is not needed and will complicate matters.

Why variables in CSS?

Many a times, any CSS developer would have felt that s/he is using repeated property values in a CSS stylesheet, for instance to make sure semantically different elements in a web page have a similar rendering and user experience. CSS does offer a way to group styles using groups of selectors, but we tend to neglect it more because of the fact that it’s difficult to maintain, decreases readability and of course semantically distinct elements rarely share all style rules.

CSS Variables Note names David Hyatt of Apple as one of the author, the other is Daniel Glazman of Disruptive Innovations. We might see a early implementation of CSS Variables in a future version of Safari!

(more…)

First off, congrats on having a Web site with longevity! Seems like most people were in a completely different industry eight years ago.

The key question you ask is are FRAMES deprecated in the latest version of HTML?According to the standards body that defines the HTML language (w3.org, the latest version of HTML, HTML 4.01, does include frames, without stating that it’s deprecated or obsolete. So that’s good. You should be in the clear in terms of your site working in newer browsers as things continue to evolve.

(more…)

Curiously, it makes BBC News look less like a world beating news source, as much as a common news blog.

(more…)

(more…)

(more…)

This article is going to be directed at web design firms, web design clients and web designers everywhere. The importance of web standards is more then just something to say, it is the way the web should be designed. There is more then just passing an HTML or CSS validator when it comes to standards. Even so there is more to making a site pass coding standards, accessibility being the primary objective. Accessibility is usability, it isn’t just about disabled it is about ensuring that your site will work from the time it is published until the end of time if it needs to. I’ll go over different web standards and accessibility guidelines and how they can be implemented, used and maintained better then just exporting a document out of Adobe Photoshop or throwing together an insane unaccessible image map.
(more…)

(more…)

This method is used mostly for site headings. Say you were making a site about “Freelance Oklahoma Web Design” you would want to be sure to include that in your first H1 but you don’t want to use plain text to do it.

So you would be creative and ensure that you are getting the same information that is within your fancy image into your heading tag.

This way you can ensure that your site topic is best read by search engines without losing any of your design benefits of creating custom imagery for your design comp.

The CSS Image Replacement Technique (often referred to as the Fahrner Image Replacement technique) itself is very simple but it is just understanding the concept to ensure that it is done without properly.

The biggest part of using this technique is being able to indent any text that happens within your selector.

A lot of people will choose to use H1’s as their focus of indenting the text off of the screen. Such as in the following example.
(more…)

There are several web sites available for designers from Oklahoma to Japan to find color schemes that will match their client’s or own design ideas. There is even color software available for web designers to use for pulling color from images.
(more…)