I’ve had the good fortune to work with Lexnet Consulting Group on several blog implementations and continue to be impressed by one of the clients for whom I set up two blogs, Mark English Architects.  I was first impressed by the way they embraced the power behind blogging and other social media tools, like Twitter.  Maybe impressed is less accurate than the fact that it made me feel good to have someone take a deliverable and really make great use of it.After getting things situated for Mark English Architects I signed up for their feeds and also started following their Twitter stream, @markenglisharch.  After following for several months now I must say that I am truly impressed by the quality of the content on their “Green Compliance Plus” blog and look forward to seeing more Posts on their new “The Architects’ Take” blog.

I’ve also found that the quality of their Twitter stream is quite high, as evidenced by the following that they’ve obtained.  Their Tweets also led me to Mark English Architect’s presence on houzz where their work is on display.  It’s truly beautiful work.  I love architecture and looking at their work is like leafing through a Best of Architectural Digest magazine issue.

I have a lot of other clients that do great work and bring me personal satisfaction in my association with them; it’s just that I was awe struck again today while looking through Mark’s portfolio.  I can only hope I work with many more clients like Mark English Architects.

I’m not going to go into an art lesson and teach you what colors work together or what emotions certain colors prompt, but I do want to make certain that one takes in the human aspects of color selection on their viewing public.

There are many examples of web sites where colors and fonts are all over the place, which results in a site visitor’s immediate response to be that of hitting the <back> button; so very easy to do. We create a web site for a reason; to get a message across, to share our interests, to promote services or products. It is important, then, to ensure we get this message across by making simple decisions when it comes to the use of color. It is certainly worthwhile to research color selection from a creative perspective but it is equally important to ensure that, once we have decided on a color palette, that it works for everyone. What do I mean by this?

There is a significant percentage of the population, somewhere around five percent, that don’t see colors the way the majority of the population does. That is, a variety of color vision issues exists amongst our viewing public. So, what can one do about this? Well, there are two sites in particular that I think are worth noting and that can help you ensure your web site is presentable to all.

Vischeck

The first site is Vischeck. In particular, this site has a tool available where you can specify a particular web page, click <Run Vischeck!> and follow the resulting links to what the specified web page would look like to someone who has one of three different types of color blindness. I’d also recommend poking around this site to learn more about color vision issues.

Luminosity

Another aspect of color selection is the contrast between colors. In order to make a page generally readable, it is important that the contrast between any background and foreground color is sufficient enough that everyone can see and read the content you are presenting. There are times when one might feel that two colors work well together when, in fact, the contrast may actually not be great enough to present a pleasing and readable site. What to do…. Well, what I would do is use the Luminosity Colour Contrast Ratio Analyser tool. With this tool you simply specify two colors, click the <Calculate Luminosity Contrast Ratio> and see how your colors stack up.

Obviously there are many aspects of web site design, but keeping in mind that you may be leaving out some of the people who can benefit from your message if certain basic color selection steps aren’t taken, is an issue easily handled.

If you do any amount of web development, professionally or personally, then you should definitely be using these:

Firefox

This is simply the best browser out there. Both in terms of it’s W3C compliance and the many add-in’s available. It took me awhile to learn this as I was stuck in corporate America where Internet Explorer is used simply because it is already installed. This said, even if you become a convert, if you do any web development where you are customizing the graphical presentation of your content, then you owe it to the folks you are trying to reach to always test your output in a variety of browsers and versions. Wondering what these would be? Well, visit W3 Schools to find out. Keep in mind, however, that the statistics presented are based upon fellow developer and web technologist browser utilizations and may not be representative of general or corporate use.

Developer Toolbar

Okay, now that you have installed and are using Firefox, it is time to get the one toolbar you will never be able to do without. It is the Web Developer Toolbar. Whether you are a seasoned professional web designer, someone just learning or just enjoy web development as a sideline, this toolbar is a “must have” tool. It will take awhile to check out the many features but I whole heartedly suggest you nose around. From turning off all style sheets to see what the “empty canvas” actually looks like (CSS>Disable Styles), to outlining various page elements, to displaying rulers, you won’t be disappointed with all the useful features. In fact, you’ll wonder how you ever got along without it.

Ever wish you could remember why you created a particular bookmark? Ever wish you could search your list of bookmarks because you can’t remember which one it was that contained information you found of interest? Well, here is a tool that lets you do just this, and more. It’s called Diigo.

Not only does this toolbar add-on let you tag and enter comments about your bookmarks, it lets you highlight and annotate content on a web page. It even allows you to share this with other people that you collaborate with or with whom you simply share a common interest. To put it in Diigo’s own words,

Diigo is two services in one — it is a research and collaborative research tool on the one hand, and a knowledge-sharing community and social content site on the other.

So, check it out. I think you will find it to be an extremely useful tool.

http://www.diigo.com