<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Superhot standards-based redesign</title>
	<atom:link href="http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/</link>
	<description>Web design news and insights since 1995</description>
	<lastBuildDate>Thu, 02 Feb 2012 19:54:47 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
	<item>
		<title>By: Ischa Gast</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41199</link>
		<dc:creator>Ischa Gast</dc:creator>
		<pubDate>Thu, 02 Apr 2009 19:12:01 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41199</guid>
		<description>Design is really nice, I like the clean style but it&#039;s a pitty that it doesn&#039;t fit 1024*768 screen resolution :(</description>
		<content:encoded><![CDATA[<p>Design is really nice, I like the clean style but it&#8217;s a pitty that it doesn&#8217;t fit 1024*768 screen resolution :(</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jeffrey Zeldman</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41144</link>
		<dc:creator>Jeffrey Zeldman</dc:creator>
		<pubDate>Tue, 24 Mar 2009 14:04:42 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41144</guid>
		<description>They should have ALT text, and when you choose a tag like &quot;Leadership,&quot; it should highlight in the left nav. That it does not do so appears to be an oversight I trust the team will fix. (I noticed this problem as well.)</description>
		<content:encoded><![CDATA[<p>They should have ALT text, and when you choose a tag like &#8220;Leadership,&#8221; it should highlight in the left nav. That it does not do so appears to be an oversight I trust the team will fix. (I noticed this problem as well.)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: John F Croston III</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41142</link>
		<dc:creator>John F Croston III</dc:creator>
		<pubDate>Tue, 24 Mar 2009 03:40:31 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41142</guid>
		<description>As others have said the left hand navigations color contrast and brightness under WCAG 1.0 is way to low. the brightness should be &gt;= 125 and the #CCC  (light gray) on #FFF (white) is only 51, which is 40.8% of what it should be. While the color difference should be &gt;= 500 and is only 153, which is 30.6% of what it should be. 

I give the designer at my day job trouble if they are not on the money or at least close to the required numbers. These number are not even close to what they should be. I did notice that the color contrast is much great for items that are represented in the articles. 

The color contrast and brightness also fail for WCAG 2.o and for all three color blindness tests. Try entering values to the following - &lt;a href=&quot;http://gmazzocato.altervista.org/colorwheel/wheel.php&quot; rel=&quot;nofollow&quot;&gt;Accessibility Color Wheel&lt;/a&gt; checker. 

What is some one wanted to look at the tag &quot;Leadership&quot;, they would have a very hard time finding it in the navigation. Even when I pick &quot;Leadership&quot; from the navigation it does not highlight that item on the left. It does list articles in the content section of the page. 

They also seem to not have any or many ALT tags on the home page. Even if they are hidden at some point with JavaScript or whatever they should still have ALT tags in case they become visible or an individual with a screen reader finds them and needs to know what they represent, unless they are decorative.

Not trying to be nit picky, just making sure I understand what I have read and put into practice.</description>
		<content:encoded><![CDATA[<p>As others have said the left hand navigations color contrast and brightness under WCAG 1.0 is way to low. the brightness should be &gt;= 125 and the #CCC  (light gray) on #FFF (white) is only 51, which is 40.8% of what it should be. While the color difference should be &gt;= 500 and is only 153, which is 30.6% of what it should be. </p>
<p>I give the designer at my day job trouble if they are not on the money or at least close to the required numbers. These number are not even close to what they should be. I did notice that the color contrast is much great for items that are represented in the articles. </p>
<p>The color contrast and brightness also fail for WCAG 2.o and for all three color blindness tests. Try entering values to the following &#8211; <a href="http://gmazzocato.altervista.org/colorwheel/wheel.php" rel="nofollow">Accessibility Color Wheel</a> checker. </p>
<p>What is some one wanted to look at the tag &#8220;Leadership&#8221;, they would have a very hard time finding it in the navigation. Even when I pick &#8220;Leadership&#8221; from the navigation it does not highlight that item on the left. It does list articles in the content section of the page. </p>
<p>They also seem to not have any or many ALT tags on the home page. Even if they are hidden at some point with JavaScript or whatever they should still have ALT tags in case they become visible or an individual with a screen reader finds them and needs to know what they represent, unless they are decorative.</p>
<p>Not trying to be nit picky, just making sure I understand what I have read and put into practice.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Don Builder</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41139</link>
		<dc:creator>Don Builder</dc:creator>
		<pubDate>Mon, 23 Mar 2009 20:37:26 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41139</guid>
		<description>I loooove the seed magazine.

Can I expand on your wonderful post?

The magazine team aim to tell the fundamental story of our world today and to provide information and knowledge to help us prepare for the story tomorrow.

There&#039;s Development, Politics, Environment, Design, Business, Technology, Theory, Findings, and more. 

This is an experiment in media, and yet an old cause in journalism...</description>
		<content:encoded><![CDATA[<p>I loooove the seed magazine.</p>
<p>Can I expand on your wonderful post?</p>
<p>The magazine team aim to tell the fundamental story of our world today and to provide information and knowledge to help us prepare for the story tomorrow.</p>
<p>There&#8217;s Development, Politics, Environment, Design, Business, Technology, Theory, Findings, and more. </p>
<p>This is an experiment in media, and yet an old cause in journalism&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jeffrey Zeldman</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41137</link>
		<dc:creator>Jeffrey Zeldman</dc:creator>
		<pubDate>Mon, 23 Mar 2009 19:56:21 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41137</guid>
		<description>Andrii, WIlliam, and James:

The links on the left hand side are light on the *home* page.

But what happens when you read an article?

For instance, &lt;a href=&quot;http://seedmagazine.com/content/article/deciding_how_to_decide/&quot; rel=&quot;nofollow&quot;&gt;this article&lt;/a&gt;.

Look at the left-hand links now.

Notice that the relevant ones POP.

They are very easy to read. The contrast is strong.

This contrast -- this popping almost out of nowhere -- calls your attention to the tag feature and (by its contrast with the nearly invisible affect of the rest of the tags) visually explains how the tags work.

To me this is smart UI design. 

The team didn&#039;t fail to consider contrast.

Rather, they considered it deeply and used it effectively.

That&#039;s my opinion, anyway.</description>
		<content:encoded><![CDATA[<p>Andrii, WIlliam, and James:</p>
<p>The links on the left hand side are light on the *home* page.</p>
<p>But what happens when you read an article?</p>
<p>For instance, <a href="http://seedmagazine.com/content/article/deciding_how_to_decide/" rel="nofollow">this article</a>.</p>
<p>Look at the left-hand links now.</p>
<p>Notice that the relevant ones POP.</p>
<p>They are very easy to read. The contrast is strong.</p>
<p>This contrast &#8212; this popping almost out of nowhere &#8212; calls your attention to the tag feature and (by its contrast with the nearly invisible affect of the rest of the tags) visually explains how the tags work.</p>
<p>To me this is smart UI design. </p>
<p>The team didn&#8217;t fail to consider contrast.</p>
<p>Rather, they considered it deeply and used it effectively.</p>
<p>That&#8217;s my opinion, anyway.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: James</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41134</link>
		<dc:creator>James</dc:creator>
		<pubDate>Mon, 23 Mar 2009 15:49:09 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41134</guid>
		<description>very nice... just don&#039;t let the WCAG crowd see those left hand links!

(I find Jonathan Snook&#039;s contrast tool invaluable in that respect)
http://snook.ca/technical/colour_contrast/colour.html</description>
		<content:encoded><![CDATA[<p>very nice&#8230; just don&#8217;t let the WCAG crowd see those left hand links!</p>
<p>(I find Jonathan Snook&#8217;s contrast tool invaluable in that respect)<br />
<a href="http://snook.ca/technical/colour_contrast/colour.html">http://snook.ca/technical/colour_contrast/colour.html</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: William Lawrence</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41133</link>
		<dc:creator>William Lawrence</dc:creator>
		<pubDate>Mon, 23 Mar 2009 13:43:39 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41133</guid>
		<description>&lt;blockquote&gt;but tags on the left are too light.&lt;/blockquote&gt;

I agree. Visually, it kinda looks &lt;em&gt;cool&lt;/em&gt;, however the design lacks functionally integrity. Having #ccc text on #fff background is one thing, but to leave out something as simple as :focus in their CSS demonstrates a very popular myopic understanding of standards-based design.

Of course, I&#039;m being a bit persnickety, yet praise to copy and paste Meyerian reset CSS ought to be a bit more critical.</description>
		<content:encoded><![CDATA[<blockquote><p>but tags on the left are too light.</p></blockquote>
<p>I agree. Visually, it kinda looks <em>cool</em>, however the design lacks functionally integrity. Having #ccc text on #fff background is one thing, but to leave out something as simple as :focus in their CSS demonstrates a very popular myopic understanding of standards-based design.</p>
<p>Of course, I&#8217;m being a bit persnickety, yet praise to copy and paste Meyerian reset CSS ought to be a bit more critical.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Andrii Ponomarov</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41130</link>
		<dc:creator>Andrii Ponomarov</dc:creator>
		<pubDate>Mon, 23 Mar 2009 00:23:23 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41130</guid>
		<description>Wow, but tags on the left are too light.</description>
		<content:encoded><![CDATA[<p>Wow, but tags on the left are too light.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Feed Icons Exist for a Reason &#124; ara pehlivanian&#8212;Web Standards, Web Culture, Web Everything.™</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41125</link>
		<dc:creator>Feed Icons Exist for a Reason &#124; ara pehlivanian&#8212;Web Standards, Web Culture, Web Everything.™</dc:creator>
		<pubDate>Sun, 22 Mar 2009 02:56:45 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41125</guid>
		<description>[...] just dropped in on the new Seed Magazine site after reading about its redesign on Zeldman&#8217;s site. After looking around a little I decided that I&#8217;d like to subscribe to its feed so as to keep [...]</description>
		<content:encoded><![CDATA[<p>[...] just dropped in on the new Seed Magazine site after reading about its redesign on Zeldman&#8217;s site. After looking around a little I decided that I&#8217;d like to subscribe to its feed so as to keep [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jeffrey Zeldman</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41120</link>
		<dc:creator>Jeffrey Zeldman</dc:creator>
		<pubDate>Sat, 21 Mar 2009 17:48:41 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41120</guid>
		<description>&lt;blockquote&gt;
And why this? http://tinyurl.com/dd5h4z
&lt;/blockquote&gt;

it would appear that the validator is complaining about missing alt text on images in a slideshow. Some of those images are invisible (via display: none). To a machine, an image that is hidden from the user via CSS still requires an alt text. To a thinking human being, however, an image that is hidden does not require alt text.

Do the other images in the slide show require alt text? They probably do. On the other hand, Tim or Mike might have made the decision that only sighted people who browse with images turned on would bother to visit a JavaScript-powered photo slide show. Thus the absence of alt text in these photos would not be a problem for these users. 

(I don&#039;t know if they made that decision based on that rationale, or if the absence of alt text on slide show images is an oversight.)</description>
		<content:encoded><![CDATA[<blockquote><p>
And why this? <a href="http://tinyurl.com/dd5h4z">http://tinyurl.com/dd5h4z</a>
</p></blockquote>
<p>it would appear that the validator is complaining about missing alt text on images in a slideshow. Some of those images are invisible (via display: none). To a machine, an image that is hidden from the user via CSS still requires an alt text. To a thinking human being, however, an image that is hidden does not require alt text.</p>
<p>Do the other images in the slide show require alt text? They probably do. On the other hand, Tim or Mike might have made the decision that only sighted people who browse with images turned on would bother to visit a JavaScript-powered photo slide show. Thus the absence of alt text in these photos would not be a problem for these users. </p>
<p>(I don&#8217;t know if they made that decision based on that rationale, or if the absence of alt text on slide show images is an oversight.)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Party pooper</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41119</link>
		<dc:creator>Party pooper</dc:creator>
		<pubDate>Sat, 21 Mar 2009 16:30:35 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41119</guid>
		<description>&lt;ul id=&quot;slideButtons&quot;&gt;
&lt;li&gt;&lt;a id=&quot;sl_0&quot; href=&quot;#&quot;&gt;1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a id=&quot;sl_1&quot; href=&quot;#&quot;&gt;2&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a id=&quot;sl_2&quot; href=&quot;#&quot;&gt;3&lt;/a&gt;&lt;/li&gt;</description>
		<content:encoded><![CDATA[<p>&lt;ul id=&#8221;slideButtons&#8221;&gt;<br />
&lt;li&gt;&lt;a id=&#8221;sl_0&#8243; href=&#8221;#&#8221;&gt;1&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a id=&#8221;sl_1&#8243; href=&#8221;#&#8221;&gt;2&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a id=&#8221;sl_2&#8243; href=&#8221;#&#8221;&gt;3&lt;/a&gt;&lt;/li&gt;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Party pooper</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41118</link>
		<dc:creator>Party pooper</dc:creator>
		<pubDate>Sat, 21 Mar 2009 16:28:43 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41118</guid>
		<description>Why this?


&lt;a href=&quot;#&quot; rel=&quot;nofollow&quot;&gt;1&lt;/a&gt;
&lt;a href=&quot;#&quot; rel=&quot;nofollow&quot;&gt;2&lt;/a&gt;
&lt;a href=&quot;#&quot; rel=&quot;nofollow&quot;&gt;3&lt;/a&gt;
...


And why this? http://tinyurl.com/dd5h4z</description>
		<content:encoded><![CDATA[<p>Why this?</p>
<p><a href="#" rel="nofollow">1</a><br />
<a href="#" rel="nofollow">2</a><br />
<a href="#" rel="nofollow">3</a><br />
&#8230;</p>
<p>And why this? <a href="http://tinyurl.com/dd5h4z">http://tinyurl.com/dd5h4z</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Christopher Fahey</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41117</link>
		<dc:creator>Christopher Fahey</dc:creator>
		<pubDate>Sat, 21 Mar 2009 14:40:58 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41117</guid>
		<description>Yes, the site looks awesome. Really elegant work. 

But must we say that Flash-based video players are not web-standards-based? Does that mean that all video isn&#039;t standards-based? Why not throw in GIFs then, too?

@Stefan: Jeffrey wasn&#039;t merely suggesting to visit those pages. He was suggesting to use the cool STUDIO nav feature. Try it.</description>
		<content:encoded><![CDATA[<p>Yes, the site looks awesome. Really elegant work. </p>
<p>But must we say that Flash-based video players are not web-standards-based? Does that mean that all video isn&#8217;t standards-based? Why not throw in GIFs then, too?</p>
<p>@Stefan: Jeffrey wasn&#8217;t merely suggesting to visit those pages. He was suggesting to use the cool STUDIO nav feature. Try it.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Stefan Seiz</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41116</link>
		<dc:creator>Stefan Seiz</dc:creator>
		<pubDate>Sat, 21 Mar 2009 10:36:13 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41116</guid>
		<description>Jeffrey,
as hot as it might be, isn&#039;t it a bit ironic, that you have to say:
&lt;cite&gt;Click on STUDIO in the nav bar, then explore SALON or SAVED BY SCIENCE&lt;/cite&gt;
Instead of just posting a direkt hyperlink (what the web is all about) ;-)</description>
		<content:encoded><![CDATA[<p>Jeffrey,<br />
as hot as it might be, isn&#8217;t it a bit ironic, that you have to say:<br />
<cite>Click on STUDIO in the nav bar, then explore SALON or SAVED BY SCIENCE</cite><br />
Instead of just posting a direkt hyperlink (what the web is all about) ;-)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ben Carlson</title>
		<link>http://www.zeldman.com/2009/03/20/superhot-standards-based-redesign/#comment-41112</link>
		<dc:creator>Ben Carlson</dc:creator>
		<pubDate>Fri, 20 Mar 2009 23:15:53 +0000</pubDate>
		<guid isPermaLink="false">http://www.zeldman.com/?p=671#comment-41112</guid>
		<description>Yeah, really nice looking site. Have always wondered how hard it would be to design and build a magazine site. Powered by EE, too, I think.</description>
		<content:encoded><![CDATA[<p>Yeah, really nice looking site. Have always wondered how hard it would be to design and build a magazine site. Powered by EE, too, I think.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

