Web standards category

Martian Headsets (web standards war)

I just finished reading Martian Headsets by Joel Spolsky, explaining what is standards in general and why things may get wrong in the way like it happens to the web standards.

A war between Idealists & realists running on Mars, who will win?

March 18, 2008, 12:08 PM Comments 0 TrackBack 0

WaSP Street Team

WaSP has just announced the Street Team what a great idea, letting every one make his mark in supporting the standards.

Warning, the web changes fast, this book may contain outdated material, this is a sticker holding the previous message to be sticked on old books.There first project is great, its objective is to move old books that contains old, harmful information about the web from the libraries shelves to the archives, go on make your mark.

Street TeamAnd don't forget to add there button to your site. linking to http://streetteam.webstandards.org.

March 11, 2008, 12:46 PM Comments 0 TrackBack 0

SEO the good and bad

Colleagues and friends I would like to write about SEO as I noticed most of webmasters & designers understood SEO as the art of deceiving search engines to gain better rankings, this is only the bad side of SEO and I want to go through the good and bad.

Bad SEO

You could deceive search engines and get indexed in a place you originally shouldn't be in, by buying fake back links or using headers just for the search crawlers to see and visually hiding it from visitors, that's just 2 tricks there is dozens out there.

Every day search engines upgrade there algorithms to become smarter than bad SEOs, on the other side SEOs create new tricks, if search engine discovered bad trick in a website it may lower its rank or even totally remove it from its database.

I hear some people saying "but showing in the first page of a specific keyword search results is vital to our business", there is always a proper solution. Ofcourse you know these: Google AdWords, Yahoo Search Marketing & Microsoft Ad Center if you don't like pay-per-click plans try TLA to pay-per-month, I'm confused why people pay all that money on SEO while they could pay it on Ads.

Any way I don't know much about bad SEO as I never care to learn it, people always ask me, "Do you know about SEO?" if I answered yes, just the next question "how many back links could you get us ... you know the rest" so whoever ask me I answer "no", but I always wanted to explain to people what SEO really is.

Good SEO

SEO is not a thing to think about, you just have to start writing your clean markup using HTML tags only as they meant to be used, just think of the visitors, what title of the page they should see, what is the biggest first header <H1> better for your visitors to understand the content of this page, as you explain to your visitor the content of your page by its title and headers even regular paragraphs, also the crawlers will understand clearly where your page should be indexed on the search results, if you don't like this place you have to pay and buy an Ad plan.

So to simplify it Good SEO in two points :

  1. Use HTML tags as they meant to be used, your non-tabular data is not meant to be in a <table>, don't use <div> unless you see it's really a division of the page like side bar, ads bar etc... , it's even better if you can free the main header of any wrappers.
  2. Only markup your page nicely explaining to your visitors using page title, main <H1> and maybe a brief explanation about your site wrapped in an <H2> about the content of your site in a brief informative words.

It's always a good idea to start marking up your document from scratch
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>Page main header</h1>
<h2>The short description I mentioned earlier</h2>

<div id="main">
<h3>smaller header</h3>
<p>Paragraph</p>
<p>Paragraph</p>
<h3>Another header</h3>
<p>Paragraph</p>
<h4>Even smaller header</h4>
<p>Paragraph</p>
<p>Paragraph</p>
</div>

<div id="side">
<h3>smaller header</h3>
<p>Paragraph</p>
</div>
</body>
</html>

That's for example, and you could mess with the CSS as you wish to style your page but leave markup clean and meaningful, to know what each tag mean you might consider checking HTML Dog.

At the end I like to point you to this Wikipedia entry that has more technical details about the topic.

September 30, 2007, 2:59 AM Comments 0 TrackBack 0

Eric Meyer’s CSS Sculptor

No excuse now for not using clean, valid & compatible CSS layouts, after Eric Meyer's CSS Sculptor you could really do it as easy as choosing from 30 ready made layouts and control there margins, paddings, colors, backgounds etc... generating a clean, valid & compatible CSS layout really as if Eric code it himself, Every body is blogging about it.

In case if you don't know, Eric Meyer considered to be the top of the industry of CSS, He wrote alot of books including "Eric Meyer on CSS" and "More Eric Meyer on CSS" and alot more.

Any way I don't think I will use Meyer's Sculptor, I enjoy hand coding every bit of CSS on my DreamWeaver code view.

August 27, 2007, 1:57 PM Comments 0 TrackBack 0

Jeffrey Zeldman story

Jessie Scanlon's Business Week article telling the story of Jeffrey Zeldman's journey freeing the web from Microsoft and Netscape to web standards.

August 8, 2007, 2:34 AM Comments 0 TrackBack 0

Naked again

CSS Naked day 2007Are you surprised why this site is CSS naked just like last year, here comes again 5th April the annual CSS Naked Day started by Dustin Diaz on 5th April 2006.

Do you have enough courage to take of your CSS showing how semantic and clean your markup is.

April 4, 2007, 10:50 PM Comments 0 TrackBack 0

International Liaison Group (ILG)

Since the WaSP introduced the forming of International Liaison Group (ILG) I was very interested to join this group of international Standardista's, because together we could help each others to reach the goal we all work for, which is a better web for all of us, we've been working together all this time since about May 13 2006 till now, and now finally it's announced I represent Egypt, and I hope I could deliver to the Egyptian web community the importance of complying the standards, I've been trying this since 2005 but now as we all together, it's even easier.

Thanks all ILG members for your support and sorry for being a lazy member, and special thanks to Molly who started this whole idea and by the way good luck Molly with your new position at Microsoft.

February 3, 2007, 7:52 AM Comments 0 TrackBack 0

Microsoft.com standardized

On December 14 Microsoft unleashed there new standards compliant home page, by visiting it you realize instantly how faster it loads and how nicer it looks than the old one, it still have 5 errors on the W3C validator but it's way better. and the new scripted navigation is great.

I'm surprised how Microsoft waited that long this step is a lot late, especially after Douglas Bowman show them how faster and bandwidth saving would it be to redesign there site in a complete CSS layout, Maybe they didn't accept to do this step unless there browser give more support to the standards.

December 17, 2006, 9:28 PM Comments 0 TrackBack 0

Where am I

It's important for your site visitor to know where exactly he is right now so he could found his way among your site and know where he is and where can he go, in more than one level structured sites it maybe represented like this (Home > products > Laptops) for example, but in 1 level structured sites like this one for example there is other ways.

You also have to take care not to link to the same page you're on so the page you're on should not be linked to in the same page, as it's extremely confusing.

The most well known technique is adding a class to the list item and style it differently through the CSS if we took the navigation on the left side here as an example it will be like this

<ul>
<li class="here">home</li>
<li><a href="about.htm" title="accesskey: 2" accesskey="2">about</a></li>
...</ul>

Now you could style it let's say like this

.here { font-style: italic; }

This is a way but it's not the best, as you should never link to the same page you are on in the navigation we could take that chance and use the opportunity that the page your on lack the <a> around it's name in the navigation, so we got that example

<ul>
<li>home</li>
<li><a href="about.htm" title="accesskey: 2" accesskey="2">about</a></li>
...</ul>

And style it like that

#nav { font-style: italic; }
#nav a { font-style: normal; }

By that you specified that the non linked item in this undefined list will be italic, without the need of specifying a class name in each page it will just style it as italic if it's not a link.

You may need to add <span> instead of <a> around your non linked item for giving the desired style as I needed it here in this site. I wrapped the non linked item with <span> because I needed to add some padding to it, here is what's in point CSS

#header ul li a, #header ul li span {
display: block;
padding: 5px 0;
}

That's all for today, good luck with your usable, semantic & beautifully styled navigations.

November 14, 2006, 8:49 AM Comments 0 TrackBack 0

Next HTML as you like it

We now all have the chance in building the next version of HTML the way we like, well not exactly but the WHATWG who are in process of developing HTML5 encourages every body to give his say about it, What do you think should be fixed, What could be improved, If you have any questions etc...

Any questions, comments, criticisms, complaints or feature requests are welcome. Now is the time to speak up. No comment is too dumb; no question is too hard or too simple; no criticism is too harsh. If you have anything at all to say, we are listening.

Have Your Say about the Future of HTML

Read more details about how could you have your say, in the post Have Your Say about the Future of HTML here is the Arabic translation of the post.

November 12, 2006, 1:24 PM Comments 0 TrackBack 0

Other "no paging" suggestions

I had posted a post titled No paging = happier users suggesting leaving all content for example search results in one page other than separating it in pages.

Yesterday Molly the lead of the WaSP and one of the well know experts, has posted a post titled No More Next Page: Embracing the Non-Linear Web talking about the same subject and linking to an article she wrote since July, 2001 titled freedom in structure she also pointed to a post titled Endless Pageless: No More Next Page by Pete Forde he suggests great techniques that could be applied using AJAX that loads some of the remaining content once you get near with your scroll bar to the bottom of the page that you might not notice unless you scrolled to the bottom quickly you will see the message more posts are being loaded... humanized reader is an example similar to what Pete Forde suggested.

But I still don't know why the need of that why don't you let it all load while the user is checking the first lines?

November 4, 2006, 1:00 PM Comments 2 TrackBack 0

More meaningful writings

As you already may know I read dozens of posts and comments every day, unfortunately I noticed that most of them could be more meaningful if they just wrap parts of there text by some simple tags, here are some important tags that writers often miss:

Emphasis

Some times there is more important text that needs to be highlighted, to specify some text as more important wrap it with <em> like this This text is <em>important</em>. Or even more important wrap it with <strong> like this I just got <strong> married</strong> infact I did.

Emphasis usually represented as italic for <em> & bold for <strong> but take care don't use those tags for there visual representation use them only for there meanings and avoid using <i> & <b>.

Abbreviations & acronyms

An abbreviation is a group of letters taken from one word to brief it, like the world abbreviation could be abbreviated as abbr or from more than one word like the word HyperText Markup Language could be abbreviated as HTML.

Acronyms are type of abbreviations it's the first letters of a group of words like National Aeronautics and Space Administration its acronym is NASA.

To indicate abbreviations wrap your abbreviation with <abbr> like this <abbr>HTML</abbr> now you indicated that HTML is an abbreviation but you could push it more and indicate the abbreviation long form by adding a title attribute like this <abbr title="HyperText Markup Language">HTML</abbr> now if you hovered with the mouse over the abbreviation the long form will be shown in a tooltip, the same for acronyms <acronym title="North Atlantic Treaty Organisation">NATO</acronym>

Quotations & citations

A quotation which could also be named a quote indicates part of others speeches or writings like Beauty in design is not only about that which can be seen, but also that which can't be seen. said by Douglas Bowman it's done by wrapping the quoted text by <q> like this <q>This text is quoted</q> a cite attribute could be added to indicate the URL which this quote is from like <q cite="http://www.quoted.com/q/">This text is quoted</q>.

If the quoted text is a whole paragraph or more than one <blockquote> should be used instead of <q> like this

<blockquote><p>To explain web standards we have to mention first that web design isn't just designing a beautiful interface but behind this interface is a structural markup like HTML, XHTML, presentational language like CSS and DOM based scripts like ECMA script.</p></blockquote> notice that you have to wrap your paragraph with <p> inside the <blockquote>

And ofcoure it could be used with more than one paragraph as the following,

<blockquote><p>Not at all as you can see in this site CSS can make beautiful interface designs with all the benefits that we mentioned here, in fact any design can be redesigned with CSS to be standards compliant.</p> <p>Speaking of CSS beauty we must mention the CSS zen garden project that proves to every body how beautiful is pure CSS layouts. It is one XHTML page and this same page can be changed by only pointing to other CSS file there is over 600 CSS files submitted from designers all over the world. Switch designs from the right panel and be inspired.</p></blockquote>

It will appear usually like this but without the left border the text will be indented only.

Not at all as you can see in this site CSS can make beautiful interface designs with all the benefits that we mentioned here, in fact any design can be redesigned with CSS to be standards compliant.

Speaking of CSS beauty we must mention the CSS zen garden project that proves to every body how beautiful is pure CSS layouts. It is one XHTML page and this same page can be changed by only pointing to other CSS file there is over 600 CSS files submitted from designers all over the world. Switch designs from the right panel and be inspired.

To define a citation or a reference to another source use <cite> like in the previous example <q>Beauty in design is not only about that which can be seen, but also that which can't be seen.</q> said by <cite>Douglas Bowman</cite>, citations usually represented as italic.

If you want to specify a URL to a citation just wrap it with the <a> tag and add the attribute href like this <a href="http://www.citations.com/"><cite>cited content</cite></a>

Code

To indicate a code wrap with <code> like this <code>This is a code</code> and it's usually represented just as the previous example in the courier font.

Deleting & inserting

Maybe this issue will be hard for some of you to apply but when you provide a permalink to your post readers must trust that this permalink will last forever and that its content will not be changed so that they could link to it in there posts, well this issue is for bloggers not commenters to update the content of a post you have to use the tag <del> if you want to delete something and <ins> if you want to insert something like for example Madagascar is a very nice <del>Disney</del> <ins>DreamWorks</ins> movie usually it will be shown like this Madagascar is a very nice Disney DreamWorks movie.

In brief

Here are all the tags we mentioned and there functions in brief.

Good luck with your more meaningful writings,

August 24, 2006, 10:07 AM Comments 0 TrackBack 0

Can standards compliancy be automated ?

I mean can any body use an application like the new Microsoft Expression Web Designer, to get a web standards compliant page without touching the code ?

I highly doubt that, Why? because HTML is all about giving meanings to content by wrapping some of it's components mainly text by tags like <p> for paragraphs, <a> for links, <h1> for heading etc... and this meaning part is lost from machines I mean how will a machine distinguish between tabular data to put it in a table or a list or will it be more meaningful as a definition list.

Even the W3C Validator don't know wether a site is really compliant or not, you could see a valid (X)HTML page while it's main layout is formed by tables.

Any way HTML and CSS are not designed for advanced users or coders but for authors, it's easy enough only text wrapped with tags to add a meaning, CSS is easy too simply defining selectors then adding some values to it's properties, so I still prefer and recommend for designers and authors to code manually, I use Dreamweaver but I use the code view only as it make it easier by suggesting a list of tags when you type < and auto close it when you just type </ and because it colorize the code differing between tags, attributes & values etc...

What drops this post idea in my mind is a discussion between me and Rida about authoring tools and if any of them could ever be really standards-based, my opinion was what you just read standards compliancy will never be automated but he has a different respectful vision, he think in the near future computers will be able to determine meanings that might sound weird now but he gave an example of voice recognition, few years back no body could imagine that computers will ever be able to hear and understand a human voice, well I say when we have the technology that Rida is speaking about, maybe I could reconsider.

May 19, 2006, 7:13 AM Comments 1 TrackBack 0

black on white or white on black ?!

I was thinking why most of web pages uses black text on white background, maybe because this is the default colors of any web page, and why is it the default colors maybe because who first put this standard wanted to imitate papers and ink.

Why is it the default to light all screen pixels and only put off some pixels resembling the text, isn't this illogical ? I personally think it is.

White on black is better for accessibility check my zoom layout, it's also easier on the eyes, open a black on white page in a tab and a white on black page on another tab and switch between them you will feel the difference and wonder why is black on white is the default, I have made Freestyler and another web site under construction white on black other than this site zoom layout, another examples of white on black or more accurately light on dark web sites is Veerle's blog & Dustin Diaz, I see it more logical that white on black be the default.

Well ofcourse it's difficult to change this now but what do you think if you go back to the very beginning and you have the choice to put this standard what would you choose?

May 11, 2006, 2:12 AM Comments 0 TrackBack 0

Stop Hacking, or be Stopped

Dave Shea in his article Stop Hacking, or be Stopped on Vitamin has proposed the CSS hacking problem and it's consequences, proposing that browsers respond to CSS specs are different and will still be different as CSS specs it's self is evolving from 1 to 2 and now 3, so this problem has to come to an end as browsers will never respond to CSS the same way even different versions in the same browsers will not.

I think the solution in the hands of The W3C they should put a standard for all browsers manufacturers to use, so that CSS coders could specify a CSS file for a specific browser legitimately without hacking.

IE conditional comments is the method the IE team has developed for filtering CSS files to Win/IE here is a sample code of this method

<!--[if IE]> <link rel="stylesheet" href="ie-specific-file.css" /> <![endif]-->

This method could be a good start for the W3C to build a standard on, any way read Dave's article Stop Hacking, or be Stopped

April 24, 2006, 5:46 PM Comments 0 TrackBack 0

CSS Naked Day

In the spirit of promoting Web Standards along with good semantic markup and proper hierarchy structure, Dustin Diaz will start the first annual CSS naked day on 5th April.

Who has the courage to take off his CSS for a day and show his <body> to every one, check the naked page to see how can you participate and a list of all participants.

I'm in with Point & FRESH PX, see us naked next Wednesday.

April 3, 2006, 10:36 PM Comments 3 TrackBack 0

Zeldman: Unmixed

You may think Web 2.0 and the next web are meaningful, industry-shaping concepts, or you may view them as marketing spin. You may trust that Microsoft wishes to be a citizen of the emerging state or suspect that it wants to be king. Whatever you hope or fear, and whatever value you place on such gabfests, to participate would surely be to learn. Plus you’d get to rub elbows with pirates and pundits from Tim O’Reilly and Marc Canter to Molly Holzschlag and some of the big brains behind eBay and Amazon.

- Zeldman: Unmixed

Fears of a reborn of an old disaster, a disaster that Jeffrey Zeldman, the WaSP which he co-founded & a lot of web standards geeks like me, has been fixing for years.

Read the full post Zeldman: Unmixed

March 22, 2006, 10:49 PM Comments 0 TrackBack 0

IE7 Beta Preview 2

On 20 March at the MIX06 conference in Las Vegas, Microsoft announced IE7 Beta Preview 2 and finally after a lot of efforts it is way more standards friendly than IE6 , but still not like FireFox or Safari.

Other than better support to CSS IE7 Beta Preview 2 now supports RSS & transparent PNG images.

Actually I didn't test my web sites on it yet as I'm on a mac and it didn't work on my VPC version.

March 22, 2006, 6:42 PM Comments 1 TrackBack 0

WaSP enters new time in its history

Web Standards Project logo

We’ve stung, we’ve swarmed, we’ve buzzed. Sometimes we’ve failed to make our mark, other times we’ve been far more successful. But there’s one thing that’s certain, and that is as of Monday, March 13th, the Web Standards Project enters a new time in its history, opening the hive up to better include the communities and issues we’ve done our black and gold best to represent since 1998.

Help Free the Web with WaSP - Molly E. Holzschlag

As the WaSP entering a new time in its history, I'd like to thank them for being very supportive and helpful in leading me through the way of web standards and I think it's time to start to respond and begin learning and acting hoping for better cleaner web experience.

As WaSP entering a new time in its history Andy Clark has redesigned the WaSP site in a new black and gold theme with better more informative home page and finally comments & trackback support.

March 15, 2006, 7:10 AM Comments 0 TrackBack 0

Zoom layouts update

I was away for about a month for some reasons and I just read Joe Clark's article Zoom layouts update I'm glad to be mentioned as one of the first few to apply Joe's zoom layout technique.

Joe commented on my link ( needs fine-tuning for overlapping layout components ) thanks Joe for pointing out the bug for me. It affects Safari only as far as I can see, the reason this bug appears is the negative margin values in the default style which I call it modern that affect other styles when switched to them.

As you can see I have one default style modern and two alternate new & zoom the margin in modern is #top { margin-top: -119px; } the negative values only the negative values affect the alternate styles when switched to them even if there is a rule that overwrite it like #top { margin-top: 0; } to fix the problem I have to overwrite it with a rule like #top { margin-top: -1px; } and maybe let the first object above #top push it one more px to the bottom.

I don't know if this is the best solution but it is one. Thanks a lot Joe and thanks all.

March 4, 2006, 1:39 PM Comments 0 TrackBack 0

iWeb generated code is crap

Well as I expected the code generated from iWeb is really crap, I searched a lot for any examples of iWeb generated pages but I failed, but now the first pages are showing up, and I'm sorry to say that they're crap, check the source code of those examples or disable there CSS and see how they look, Todd Dominey has describe it as not that good & BusinessLogs describe it as awful.

I'm sorry Apple I always trust you and adore your products but this app was a disappointment to me. I can't imagine how a company like Apple in 2006 still use those old school ways, I hope they fix this mistake in new releases but for now I don't advice any one to start a blog with iWeb, just go with Blogger it's way better and it's easy too.

January 13, 2006, 7:03 AM Comments 1 TrackBack 0

Putting the World into "World Wide Web"

Molly has touched several very good points about web Internationalization in her article on 24 ways titled Putting the World into "World Wide Web".

When I read the title of the article I though it will all be about character sets and languages directions problems but actually Molly opened minds for other important issues like choosing proper symbols, icons & colors and choosing appropriate references to objects and ideas.

You better go read the article.

December 9, 2005, 5:47 PM Comments 0 TrackBack 0

The New Professionalism

Well I'm not in the place were I can define the new professionalism but I like to deliver a message from Andy clarke.

“There are now so many web sites, blogs or publications devoted to helping people learn standards and accessible techniques that there are now no excuses not to work with semantic code or CSS. Those people still delivering nested table layout, spacer gifs or ignoring accessibility can no longer call themselves web professionals.”

Molly E. Holzschlag commented on this message in a post titled Web Standards and The New Professionalism she posted it on her blog and on The web standards project blog I'd like to deliver part of her post too.

“Whatever we call it - Web 2.0, evangelism, religion, or simply the best way to do our jobs, I can’t agree more with the strong yet very clear message that real-world Web professionals are sharing. No doubt that getting to a highly skilled level isn’t that easy. Believe me, I understand. I’ve been at it for the majority of my career and as the old adage goes, the more I learn, the less I realize I know.”

“The essence of this new professionalism isn't about being perfect at what we do. It's being able to say: Hey, I don’t know that. Let me go find out. It isn't about knowing it all, because we surely never will. And, there will be shifts and changes. D'Andrea, for example, expresses that he's concerned how new senior management at AT&T will deal with the site from here forward.”

And she says at the end of her post

“Today, I want to express that I believe that this new professionalism means taking responsibility for the education of ourselves and each other, and ensuring that reversions like Disney Store UK never happen again”

I hope this message is heard by every web designer in the world to start learning the right way to do things and let the web be a better place.

November 15, 2005, 4:24 PM Comments 0 TrackBack 0

Showing XFN relations

In the last post I explained what XFN is.

Since then I was thinking there should be more use of this, there should be a way to show this relations on every link, and I figure out a way.

Well I know maybe I'm not the first one to think of that but any way here is a technique to show XFN relations:

The technique:

Let's see the example I stated in the last post:

<a href="http://www.molly.com/" rel=" muse colleague acquaintance">Molly</a>

By adding some simple CSS rules we could show the relations after every link when hovered.

#content a:hover:after { content: attr(rel); }

We could also add some style to it to highlight it.

#content a:hover:after {
content: attr(rel);
color: #36C;
border-top: 1px dotted #36C;
}

hover here Molly and see more examples.

Take care

Avoid adding any thing beside attr(rel); in the content property, because adding it will effect all the links if you add brackets for example content:"( "attr(rel)" )"; it will have effect on all the links even the links without rel attribute will show empty brackets after it.

Add space before the first value of rel like this rel=" muse colleague acquaintance" to avoid letting the values appear sticking to the link.

Bugs

Any body experience any bugs please post it here.

August 17, 2005, 7:07 PM Comments 0 TrackBack 0

XHTML Friends Network (XFN)

The web is more a social creation than a technical one. I designed it for a social effect — to help people work together — and not as a technical toy. The ultimate goal of the Web is to support and improve our weblike existence in the world. We clump into families, associations, and companies. We develop trust across the miles and distrust around the corner.

—Tim Berners-Lee, Weaving The Web

Millions of people now have personal web sites/blogs especially after the lunch of Blogger, XFN is simple powerful way to identify your relationship with people among the web.

By adding values like muse, friend, colleague to the rel attribute of the anchor tag, it is now known that this person is your friend or your colleague etc...

For example:

<p>I was reading <a href="http://www.molly.com/" rel=" muse colleague acquaintance">Molly</a> thoughts for the last 6 years.</p>

Imagine what could be done after that, you could check who consider himself your friend, who have a crush on you or who is the most inspiring person on the web.

See the list of XFN values and there meanings.

To join the XHTML Friends Network follow these steps.

August 15, 2005, 8:15 AM Comments 0

Zoom layouts

First of all you might like to read this article in a Zoom layout, switch styles right on the "Choose style panel" at the left side.

Low vision users, which are a lot more than blind users, need special needs so that they can read and navigate a web site, CSS can provide all these needs.

Aries Arditi ,PhD has been studying web accessibility for 15 years, he come up with "Low vision wish list" which is:

  1. Make it large enough but not too large.
  2. Enhance the contrast.
  3. Enhance the colour contrast.
  4. Present text all on one line.
  5. Increase spacing between letters.
  6. Let me choose my font.
  7. Let me control my reading speed.
  8. Let me see where what I’m reading fits into the big picture.
  9. Grant [the foregoing wishes] for any Web site.

Joe Clark has revealed a new technique in @media 2005 that provide most of this wish list, it is Zoom layout a single column layout with the navigation simplified and placed at the top, fonts become bigger but not too big, contrast enhanced between Background and text.

July 21, 2005, 3:54 PM Comments 0

Categories: