Posts Tagged ‘web designers’

Accessible HTML

Tuesday, June 24th, 2008

It is easy to think that everyone has the same abilities as you do. People viewing Web pages don’t have special needs beyond seeing new information, interesting graphics, and useful effects, right? Wrong.

Lots of people with visual impairments, hearing impairments, and mobility impairments use the World Wide Web every day. While Web Designers can’t do much about the hardware that disabled people are using, we can strive to make our pages more accessible to them.

One of the easiest ways to check your page for Accessibility is to send it through the HTML checker, WebXact. WebXact checks your HTML and redisplays the page with images as annotations to help you see where your page might be inaccessible. WebXact checks both browser compatibility problems and disability access problems.

Here are some of the common errors and how to fix them:

* Missing alternative text description
Don’t forget the alternative text in your <img> tags. This helps people who use screen readers know what the images are, it is also useful for people who view the Web with images off

* Page does not have a noframes version
Include a <noframes> version of your framed pages on the top level frameset. A page with a completely replicated noframes version is more accessible than a noframes version that simply suggests the viewer get a different browser.

* Missing alternative text descriptions for image maps
Put an alt=”text” in your HTML area tags For example:

<area shape=rect coords=0,0,10,10 href=”example.htm” alt=”example”>

This helps people with screen readers know where the image map will take them.

* No text only links for image heavy pages
It is a nice touch to add links to text-only versions of your pages. These pages often load faster and when it is text only there is little problem for screen readers.

* No descriptive text for audio files and movie files
While audio files improve the Web experience for blind people, they are inaccessible for deaf people. The reverse is true for movie files. When there is descriptive text for these types of files, they make the page more accessible to more people.

7 Skills of Highly Effective Freelance Graphics and Web Designers

Saturday, June 21st, 2008

1. Adobe Photoshop - The ability to use and understand the basics of pixel based photo manipulation. The best Photoshop experts are constantly learning and experimenting through online tutorials, books and seminars. This is the grand daddy of them all. Make it a goal to spend X amount of time each week learning a new technique.

Test: Can you do complex selections via the selection tool? Are you accomplished with layers? Do you understand how to use adjustment layers, masks and channels? Can you remove blemishes, “scratches” and color correct

2. Adobe Illustrator - The ability to use and understand vector based graphics. This program is essential to creating crisp, clean artwork. You will need this program for logo/identity creation, poster work and even some print work. The program can be a bit tricky to learn but worth all and any aggravation to learn it.

Test: Do you understand the concept of bezier curves? Can you convert a bitmap image to a vector graphic? Have you mastered multi-step gradients? Do you know how to create graphic images with text?

3. Adobe InDesign or Quark Express - The ability to use a page layout program. This program is fundamental to any print work. Whether you are creating books, magazines, brochures, sell sheets or advertisements you will need to possess the skills of a high-end layout program.

Test: Do you understand the concept of Master Pages? Would you be able to set up a 32 page catalog? Do you have an understanding of how to control text with images? i.e.; how to flow text in and around images. Do you have basic knowledge of offset printing and pre-press processes? Hint: if not, schedule a visit to a fairly large local printer and ask if you can be shown their process AND bring a list of a questions.

4. Flash - The ability to use and understand this motion-based juggernaut. Flash is now the most widely deployed video platform on the Internet. Flash Player is installed on nearly twice as many desktops and devices as any other video player. As the web becomes more and more video-based having a solid knowledge of Flash, In my opinion, is one of the most important programs to learn.

Test: Can you create a simple animation? Do you understand the concept of keyframes? Do you know how to incorporate a Flash movie into a web page? Do you understand the power of interactivity and user interface design?

5. Understand Typography One of the most “overlooked” design skills today is knowledge of Typographic design. It is one of the tell-tale signs between a good and excellent designer. Our business is all about communication and if type is not clear, appropriate or well designed the design is seriously compromised.

Test: Do you have a font management system installed on your computer? Have you recently read (or revisited) some of the classic type books? Are you up-to-speed on typographic standards? Do you know the difference between True Type, PostScript and OpenType fonts? Do you have a font reference guide resource book in your studio?

6. Idea Generation In the design business it is critical to have a method of idea generation. Why? Some of the best designers in the world are paid the most money not because they know Photoshop of Flash better than you do but because they have the ability to consistently come up with new and innovative ideas that make their clients serious money.

Test: What methods do you use to generate ideas? Do you know how other innovative thinkers come up with their brilliant ideas? How often to you read (in general) so as to have myriad references and viewpoints to call upon? What do you do when your idea well has gone dry?

7. Building a Network To be successful in area of life you need the help and support of others. This is especially important for designers who need to spend much of their time in their studios/offices. Building a network of trusted confidants and friends will pay off in more ways than you know.

Test: How often do you attend networking events or seminars? Have you made a list of 5 influential people that could help your career? Do you have some sort of system for capturing and entering your new contacts information? What can you do this week to open and expand your network? Have you sought out a successful mentor?

BONUS SKILL #8. General Business Skills You do not have to be a genius at business but you DO need to know basic business skills, like; sales, marketing, accounting, tax strategies, database management, etc. This tends to be one myth that designers rather not deal with. If you are marketing your own design firm or you are a freelancer the sooner you learn your business is NOT graphic design but the advertising and marketing business you will be light years ahead of your competition.

Test: Do you know the basic outline of a sales call? What new marketing strategies have you learned/implemented? When was the last time you wrote a hand-written thank you note or sent a surprise gift to a client?

Font Resources for Web Designers

Saturday, June 21st, 2008

really wanted to share this cool font site with our readers - I have come to rely on it for designing new sites and adding some added flair to older sites. UrbanFonts is the name of the site and is the one place I recommend for free fonts as well as paid for fonts.

* UrbanFonts - www.urbanfonts.com

The site is easy to navigate, search and browse. The fonts are organized by useful categories which will save you the time and headache of scrolling through long lists. Not to mention it will help you stay focused on choosing the right font style for your project. Unlike other free font sites, these guys seem to do a really nice job separating the “wheat from the chaff” and include what I consider some of the best fonts on the web. If you don’t like what you see in the free fonts area, UrbanFonts also offers a neat selection of affordable high-quality fonts. The other nice feature of the site is that there is a good selection of well written articles about fonts - helpful even for the more experienced designer. If the articles are not enough for you check out the UrbanFonts Blog and Forum.

Just Discovered another Free Resource over at Crestock.com - Check Out Their Post “25 Best Free Fonts”

Google’s “Sandbox Effect” Fact or Fiction?

Saturday, June 21st, 2008

A lot of SEO’s, web developers / web designers are questioning what is happening with their new web sites and why they aren’t showing up in the SERP’s in and around the first 3 pages of Google. The SERP’s on MSN and Yahoo are providing them with good placement in their normal amount of time, so what gives?

The “Sandbox Effect” means that Google is somehow not returning new sites near the top of the SERP’s until the site has been fathered in if you will. Then the next question that remains to be answered is when is a site considered fathered in? From what anyone can tell at this time the answer is anywhere from 3 to 8 months.

So in closing it appears that Google made some type of change to their algorithm sometime in mid to late 2004 that checks a sites age in the index. So all SEO’s out there can stop tweaking and messing with their code over and over thinking it’s them because that most definitely is not the case!

The only alternative that I have been able to come up with as a short term remedy to the problem is to do some Pay Per Click advertising with Overture and Google. MSN also has a new Pay Per Click solution that it will be introducing shortly, so stay tuned for that. The good thing about starting with pay per click is you will be able to play with different keywords and see what type of positive results you get with different keywords and keyphrases.