<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Jeffrey Zeldman Presents The Daily Report &#187; development</title>
	<atom:link href="http://www.zeldman.com/category/development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zeldman.com</link>
	<description>Web design news and insights since 1995</description>
	<lastBuildDate>Sat, 13 Mar 2010 03:31:17 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Ahem</title>
		<link>http://www.zeldman.com/2010/02/03/ahem/</link>
		<comments>http://www.zeldman.com/2010/02/03/ahem/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 11:39:19 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Design History]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[development]]></category>

	<!-- AutoMeta Start -->
	<category>flash</category>
	<category>exhibit</category>
	<category>hate</category>
	<category>statement</category>
	<category>canvas</category>
	<category>accessible</category>
	<category>javascript—make</category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=3614</guid>
		<description><![CDATA[
			
				
			
		

The first part of my post of 1 February was not an attack on Flash. It described a way of working with Flash that also supports users who don&#8217;t have access to Flash. I&#8217;ve followed and advocated that approach for 10 years. It has nothing to do with Apple&#8217;s recent decisions and everything to do [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F03%2Fahem%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F03%2Fahem%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="/i/blue100.gif" class="inset" alt="" /></p>
<p class="intro"><span class="drop">T</span>he first part of <a href="http://www.zeldman.com/2010/02/01/flash-ipad-standards/">my post of 1 February</a> was <strong>not an attack on Flash</strong>. It described a way of working with Flash that also supports users who don&#8217;t have access to Flash. I&#8217;ve followed and advocated that approach for 10 years. It has nothing to do with Apple&#8217;s recent decisions and everything to do with making content available to people and search engines.</p>
<p>It&#8217;s how our <a href="http://www.happycog.com/">agency</a> and others use Flash; we&#8217;ve published articles on the subject in our magazine, notably <a href="http://www.alistapart.com/articles/semanticflash/">Semantic Flash: Slippery When Wet</a> by Daniel Mall.</p>
<p>We do the same thing with JavaScript—make sure the site works for users who don&#8217;t have JavaScript. It&#8217;s called web development. It&#8217;s what all of us should do.</p>
<p>My point was simply that if you&#8217;re an all-Flash shop that never creates a semantic HTML underpinning, it&#8217;s time to start creating HTML first—because an ever-larger number of your users are going to be accessing your site via devices that do not support Flash.</p>
<p>That&#8217;s not Apple &#8220;zealotry.&#8221; It&#8217;s not Flash hate. It&#8217;s a recommendation to my fellow professionals who aren&#8217;t already on the accessible, standards-based design train.</p>
<hr />
<p>THE SECOND PART OF MY POST wasn&#8217;t Flash hate. It was a prediction based on the way computing is changing as more people at varying skill levels use computers and the internet, and as the nature of the computer changes.</p>
<p>There will probably always be &#8220;expert&#8221; computer systems for people like you and me who like to tinker and customize, just as there are still hundreds of thousands of people who hand-code their websites even though there are dozens of dead-simple web content publishing platforms out there these days.</p>
<p>But an increasing number of people will use simpler computers (just as we&#8217;ve seen millions of people blog who never wrote a line of HTML).</p>
<hr />
<p>THE THIRD PART OF MY POST wasn&#8217;t Flash hate. It was an observation that Google and Apple, as companies, have more to gain from betting on HTML5 than from pinning their hopes to Adobe. That&#8217;s not a deep insight, it&#8217;s a statement of the obvious, and making the statement doesn&#8217;t equate to hating Adobe or swearing allegiance to Google and Apple—any more than stating that we&#8217;re having a cold winter makes me Al Gore&#8217;s best friend.</p>
<p>(Although I like Gore, don&#8217;t get me wrong. I also like Apple, Google, and Adobe. My admiration for these companies, however, does not impede my ability to make observations about them.)</p>
<hr />
<p>THE THIRD PART OF MY POST ALSO WASN&#8217;T a blind assertion that HTML5, with VIDEO and CANVAS, is ready to replace Flash today, or more adept than Flash, or more accessible than Flash. Flash is currently more capable and it is far more accessible than CANVAS. </p>
<p>We have previously commented on HTML5&#8217;s strengths and weaknesses (<a href="http://www.alistapart.com/topics/topic/htmlxhtml/">Exhibit A</a>, <a href="http://www.zeldman.com/superfriends/guide/">Exhibit B</a>, <a href="http://www.amazon.com/exec/obidos/tg/detail/-/0321616952/jeffreyzeldmanprA/">Exhibit C</a>) and are about to publish a book about HTML5 for web designers. HTML5 is rich with potential; Flash is rich with capability and can be made highly accessible.</p>
<p>That it is unstable on Mac and Linux is one reason Apple chose not to include it in its devices; that this omission will change the way some developers create web content is certain. If the first thing it does is encourage them to develop semantic HTML first, that&#8217;s a win for everyone who uses the web. </p>
<p>Carry on.</p>
<hr />

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F03%2Fahem%2F&amp;t=Ahem&amp;s=%0D%0A%0D%0AThe%20first%20part%20of%20my%20post%20of%201%20February%20was%20not%20an%20attack%20on%20Flash.%20It%20described%20a%20way%20of%20working%20with%20Flash%20that%20also%20supports%20users%20who%20don%27t%20have%20access%20to%20Flash.%20I%27ve%20followed%20and%20advocated%20that%20approach%20for%2010%20years.%20It%20has%20nothing%20to%20do%20wit" title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F03%2Fahem%2F&amp;t=Ahem" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F03%2Fahem%2F&amp;title=Ahem&amp;notes=%0D%0A%0D%0AThe%20first%20part%20of%20my%20post%20of%201%20February%20was%20not%20an%20attack%20on%20Flash.%20It%20described%20a%20way%20of%20working%20with%20Flash%20that%20also%20supports%20users%20who%20don%27t%20have%20access%20to%20Flash.%20I%27ve%20followed%20and%20advocated%20that%20approach%20for%2010%20years.%20It%20has%20nothing%20to%20do%20wit" title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F03%2Fahem%2F&amp;title=Ahem&amp;bodytext=%0D%0A%0D%0AThe%20first%20part%20of%20my%20post%20of%201%20February%20was%20not%20an%20attack%20on%20Flash.%20It%20described%20a%20way%20of%20working%20with%20Flash%20that%20also%20supports%20users%20who%20don%27t%20have%20access%20to%20Flash.%20I%27ve%20followed%20and%20advocated%20that%20approach%20for%2010%20years.%20It%20has%20nothing%20to%20do%20wit" title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Ahem&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F03%2Fahem%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F03%2Fahem%2F&amp;title=Ahem&amp;annotation=%0D%0A%0D%0AThe%20first%20part%20of%20my%20post%20of%201%20February%20was%20not%20an%20attack%20on%20Flash.%20It%20described%20a%20way%20of%20working%20with%20Flash%20that%20also%20supports%20users%20who%20don%27t%20have%20access%20to%20Flash.%20I%27ve%20followed%20and%20advocated%20that%20approach%20for%2010%20years.%20It%20has%20nothing%20to%20do%20wit" title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F03%2Fahem%2F&amp;h=Ahem" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Ahem&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F03%2Fahem%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2010/02/03/ahem/feed/</wfw:commentRss>
		<slash:comments>40</slash:comments>
		</item>
		<item>
		<title>SVG: A Second Look</title>
		<link>http://www.zeldman.com/2010/01/26/svg-a-second-look/</link>
		<comments>http://www.zeldman.com/2010/01/26/svg-a-second-look/#comments</comments>
		<pubDate>Tue, 26 Jan 2010 11:13:54 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[A List Apart]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[ALA]]></category>
		<category><![CDATA[Shelley Powers]]></category>
		<category><![CDATA[SVG]]></category>

	<!-- AutoMeta Start -->
	<category>scalable</category>
	<category>backgrounds</category>
	<category>shelley</category>
	<category>characteristic</category>
	<category>scalability</category>
	<category>svgweb</category>
	<category>charts</category>
	<category>incorporate</category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=3543</guid>
		<description><![CDATA[
			
				
			
		

In a special double issue of A List Apart, for people who make websites, Shelley Powers takes a second look at SVG and likes what she sees. You may, too.
Many of us think of Scalable Vector Graphics (SVG) as an also-ran: fine for charts and tables, but not much else. Yet SVG can actually enhance [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F26%2Fsvg-a-second-look%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F26%2Fsvg-a-second-look%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.alistapart.com/issues/299"><img src="/i/ala299.gif" alt="A List Apart 299" class="inset" /></a></p>
<p class="intro"><span class="drop">I</span>n a <a href="http://www.alistapart.com/issues/299">special double issue</a> of <cite>A List Apart,</cite> for people who make websites, Shelley Powers takes a second look at SVG and likes what she sees. You may, too.</p>
<p>Many of us think of Scalable Vector Graphics (SVG) as an also-ran: fine for charts and tables, but not much else. Yet SVG can actually enhance a site’s overall design, and can be made to work in even the most stubborn browser. </p>
<p>In <a href="http://www.alistapart.com/articles/using-svg-for-flexible-scalable-and-fun-backgrounds-part-i/">Part I</a>, Shelley covers important basics of working with SVG, including browser support and accessibility.</p>
<p>In <a href="http://www.alistapart.com/articles/using-svg-for-flexible-scalable-and-fun-backgrounds-part-i/">Part II</a>, dig deeper into the technology behind using SVG for your site design. Explore how to incorporate SVG in a cross-browser friendly manner, including using SVGWeb to ensure that the SVG shows in Internet Explorer. And discover the unique characteristic that makes SVG ideal for page backgrounds: scalability.</p>
<hr />
<p class="caption"><em>Illustration: <a href="http://bearskinrug.co.uk/">Kevin Cornell</a> for A List Apart</em></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F26%2Fsvg-a-second-look%2F&amp;t=SVG%3A%20A%20Second%20Look&amp;s=%0D%0A%0D%0AIn%20a%20special%20double%20issue%20of%20A%20List%20Apart%2C%20for%20people%20who%20make%20websites%2C%20Shelley%20Powers%20takes%20a%20second%20look%20at%20SVG%20and%20likes%20what%20she%20sees.%20You%20may%2C%20too.%0D%0A%0D%0AMany%20of%20us%20think%20of%20Scalable%20Vector%20Graphics%20%28SVG%29%20as%20an%20also-ran%3A%20fine%20for%20charts%20and%20ta" title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F26%2Fsvg-a-second-look%2F&amp;t=SVG%3A%20A%20Second%20Look" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F26%2Fsvg-a-second-look%2F&amp;title=SVG%3A%20A%20Second%20Look&amp;notes=%0D%0A%0D%0AIn%20a%20special%20double%20issue%20of%20A%20List%20Apart%2C%20for%20people%20who%20make%20websites%2C%20Shelley%20Powers%20takes%20a%20second%20look%20at%20SVG%20and%20likes%20what%20she%20sees.%20You%20may%2C%20too.%0D%0A%0D%0AMany%20of%20us%20think%20of%20Scalable%20Vector%20Graphics%20%28SVG%29%20as%20an%20also-ran%3A%20fine%20for%20charts%20and%20ta" title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F26%2Fsvg-a-second-look%2F&amp;title=SVG%3A%20A%20Second%20Look&amp;bodytext=%0D%0A%0D%0AIn%20a%20special%20double%20issue%20of%20A%20List%20Apart%2C%20for%20people%20who%20make%20websites%2C%20Shelley%20Powers%20takes%20a%20second%20look%20at%20SVG%20and%20likes%20what%20she%20sees.%20You%20may%2C%20too.%0D%0A%0D%0AMany%20of%20us%20think%20of%20Scalable%20Vector%20Graphics%20%28SVG%29%20as%20an%20also-ran%3A%20fine%20for%20charts%20and%20ta" title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=SVG%3A%20A%20Second%20Look&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F26%2Fsvg-a-second-look%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F26%2Fsvg-a-second-look%2F&amp;title=SVG%3A%20A%20Second%20Look&amp;annotation=%0D%0A%0D%0AIn%20a%20special%20double%20issue%20of%20A%20List%20Apart%2C%20for%20people%20who%20make%20websites%2C%20Shelley%20Powers%20takes%20a%20second%20look%20at%20SVG%20and%20likes%20what%20she%20sees.%20You%20may%2C%20too.%0D%0A%0D%0AMany%20of%20us%20think%20of%20Scalable%20Vector%20Graphics%20%28SVG%29%20as%20an%20also-ran%3A%20fine%20for%20charts%20and%20ta" title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F26%2Fsvg-a-second-look%2F&amp;h=SVG%3A%20A%20Second%20Look" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=SVG%3A%20A%20Second%20Look&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F26%2Fsvg-a-second-look%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2010/01/26/svg-a-second-look/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A List Apart Arabic</title>
		<link>http://www.zeldman.com/2010/01/18/a-list-apart-arabic/</link>
		<comments>http://www.zeldman.com/2010/01/18/a-list-apart-arabic/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 18:08:02 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[A List Apart]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Happy Cog™]]></category>
		<category><![CDATA[Publications]]></category>
		<category><![CDATA[Publishing]]></category>
		<category><![CDATA[development]]></category>

	<!-- AutoMeta Start -->
	<category>prevented</category>
	<category>saleh</category>
	<category>mohammad</category>
	<category>utmost</category>
	<category>kayali</category>
	<category>transcend</category>
	<category>fulfilling</category>
	<category>visionary</category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=3485</guid>
		<description><![CDATA[
			
				
			
		

Since 1998, A List Apart has sought to serve the international web design and development community with educational, insightful, and sometimes visionary articles on web standards, emerging ideas and technologies, and best practices in content, usability, and design.
One barrier has long prevented us from fulfilling our goal to the utmost. But today we transcend it. [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F18%2Fa-list-apart-arabic%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F18%2Fa-list-apart-arabic%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.arabicalistapart.com/"><img style="margin: 10px 0;" alt="A List Apart Arabic" src="/i/ALA-Arabic.gif" /></a></p>
<p class="intro"><span class="drop">S</span>ince 1998, <cite>A List Apart</cite> has sought to serve the international web design and development community with educational, insightful, and sometimes visionary articles on web standards, emerging ideas and technologies, and best practices in content, usability, and design.</p>
<p>One barrier has long prevented us from fulfilling our goal to the utmost. But today we transcend it. Introducing <a href="http://www.arabicalistapart.com/">A List Apart Arabic</a>—an authorized <cite>A List Apart</cite> publication. Thank you and congratulations to <a href="http://www.facebook.com/M.Saleh.Kayyali">Mohammad Saleh Kayali</a> and his partners.</p>
<p>Look for additional international <cite>A List Apart</cite> editions, coming soon.</p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F18%2Fa-list-apart-arabic%2F&amp;t=A%20List%20Apart%20Arabic&amp;s=%0D%0A%0D%0ASince%201998%2C%20A%20List%20Apart%20has%20sought%20to%20serve%20the%20international%20web%20design%20and%20development%20community%20with%20educational%2C%20insightful%2C%20and%20sometimes%20visionary%20articles%20on%20web%20standards%2C%20emerging%20ideas%20and%20technologies%2C%20and%20best%20practices%20in%20content%2C%20u" title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F18%2Fa-list-apart-arabic%2F&amp;t=A%20List%20Apart%20Arabic" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F18%2Fa-list-apart-arabic%2F&amp;title=A%20List%20Apart%20Arabic&amp;notes=%0D%0A%0D%0ASince%201998%2C%20A%20List%20Apart%20has%20sought%20to%20serve%20the%20international%20web%20design%20and%20development%20community%20with%20educational%2C%20insightful%2C%20and%20sometimes%20visionary%20articles%20on%20web%20standards%2C%20emerging%20ideas%20and%20technologies%2C%20and%20best%20practices%20in%20content%2C%20u" title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F18%2Fa-list-apart-arabic%2F&amp;title=A%20List%20Apart%20Arabic&amp;bodytext=%0D%0A%0D%0ASince%201998%2C%20A%20List%20Apart%20has%20sought%20to%20serve%20the%20international%20web%20design%20and%20development%20community%20with%20educational%2C%20insightful%2C%20and%20sometimes%20visionary%20articles%20on%20web%20standards%2C%20emerging%20ideas%20and%20technologies%2C%20and%20best%20practices%20in%20content%2C%20u" title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=A%20List%20Apart%20Arabic&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F18%2Fa-list-apart-arabic%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F18%2Fa-list-apart-arabic%2F&amp;title=A%20List%20Apart%20Arabic&amp;annotation=%0D%0A%0D%0ASince%201998%2C%20A%20List%20Apart%20has%20sought%20to%20serve%20the%20international%20web%20design%20and%20development%20community%20with%20educational%2C%20insightful%2C%20and%20sometimes%20visionary%20articles%20on%20web%20standards%2C%20emerging%20ideas%20and%20technologies%2C%20and%20best%20practices%20in%20content%2C%20u" title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F18%2Fa-list-apart-arabic%2F&amp;h=A%20List%20Apart%20Arabic" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=A%20List%20Apart%20Arabic&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F01%2F18%2Fa-list-apart-arabic%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2010/01/18/a-list-apart-arabic/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Kickstart Sundman&#8217;s Creation</title>
		<link>http://www.zeldman.com/2009/11/12/kickstart-sundmans-creation/</link>
		<comments>http://www.zeldman.com/2009/11/12/kickstart-sundmans-creation/#comments</comments>
		<pubDate>Thu, 12 Nov 2009 16:04:26 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Fiction]]></category>
		<category><![CDATA[arts]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[writing]]></category>
		<category><![CDATA[John Sundman]]></category>
		<category><![CDATA[Kickstart]]></category>

	<!-- AutoMeta Start -->
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=2886</guid>
		<description><![CDATA[John Sundman is looking for your financial support so he can finish writing and publish his fourth novel, <cite>Creation Science.</cite>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F12%2Fkickstart-sundmans-creation%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F12%2Fkickstart-sundmans-creation%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.kickstarter.com/projects/john-sundman/creation-science"><img class="inset" src="http://www.kickstarter.com/projects/john-sundman/creation-science/widget/card.jpg" alt="" /></a></p>
<p class="intro"><a href="http://www.kickstarter.com/profile/john-sundman"><span class="drop">J</span>ohn Sundman</a> is looking for your financial support so he can finish writing and publish his new novel, <cite>Creation Science</cite>, &#8220;a technothriller about scary science—like designer DNA, brain hacking &#038; mind control, computer viruses and biological viruses.&#8221;</p>
<p>Sundman is the author of three previous novels: <cite>Acts of the Apostles</cite>, <cite>Cheap Complex Devices</cite>, and <cite>The Pains.</cite> </p>
<p><cite>Apostles</cite> is a personal favorite of mine: a thriller only a geek could write (Sundman has decades of experience in computer programming), with real characters, frenetic action and suspense, salty dialog, and serious ideas behind the hot cyber action. If Dan Brown read Sundman, he would understand that thrillers about ideas don&#8217;t have to be claustrophobic, one-dimensional, and absurd. If he took Sundman to heart, he would write better books, although they would sell fewer copies.</p>
<p>Which brings it back to you. Sundman is a brilliant author who, for political, intellectual, or other reasons shuns mainstream publishing and success. If we are to keep enjoying his works, we need to help him realize them. I was proud to contribute to <cite>Designing Obama</cite> and equally delighted to do likewise by <cite>Creation Science</cite>. If you  enjoy good writing and modern independent fiction, I urge you to <a href="http://www.kickstarter.com/projects/john-sundman/creation-science">support this book</a>.</p>
<p><small>Short URL: <a href="http://www.zeldman.com/?p=2886">zeldman.com/?P=2886</a></small></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F12%2Fkickstart-sundmans-creation%2F&amp;t=Kickstart%20Sundman%27s%20Creation&amp;s=John%20Sundman%20is%20looking%20for%20your%20financial%20support%20so%20he%20can%20finish%20writing%20and%20publish%20his%20fourth%20novel%2C%20Creation%20Science." title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F12%2Fkickstart-sundmans-creation%2F&amp;t=Kickstart%20Sundman%27s%20Creation" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F12%2Fkickstart-sundmans-creation%2F&amp;title=Kickstart%20Sundman%27s%20Creation&amp;notes=John%20Sundman%20is%20looking%20for%20your%20financial%20support%20so%20he%20can%20finish%20writing%20and%20publish%20his%20fourth%20novel%2C%20Creation%20Science." title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F12%2Fkickstart-sundmans-creation%2F&amp;title=Kickstart%20Sundman%27s%20Creation&amp;bodytext=John%20Sundman%20is%20looking%20for%20your%20financial%20support%20so%20he%20can%20finish%20writing%20and%20publish%20his%20fourth%20novel%2C%20Creation%20Science." title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Kickstart%20Sundman%27s%20Creation&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F12%2Fkickstart-sundmans-creation%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F12%2Fkickstart-sundmans-creation%2F&amp;title=Kickstart%20Sundman%27s%20Creation&amp;annotation=John%20Sundman%20is%20looking%20for%20your%20financial%20support%20so%20he%20can%20finish%20writing%20and%20publish%20his%20fourth%20novel%2C%20Creation%20Science." title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F12%2Fkickstart-sundmans-creation%2F&amp;h=Kickstart%20Sundman%27s%20Creation" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Kickstart%20Sundman%27s%20Creation&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F12%2Fkickstart-sundmans-creation%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2009/11/12/kickstart-sundmans-creation/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Am I Blue</title>
		<link>http://www.zeldman.com/2009/10/17/designing-with-web-standards-3rd-edition-on-sale-october-19-200/</link>
		<comments>http://www.zeldman.com/2009/10/17/designing-with-web-standards-3rd-edition-on-sale-october-19-200/#comments</comments>
		<pubDate>Sun, 18 Oct 2009 00:09:18 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[3e]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[DWWS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Publications]]></category>
		<category><![CDATA[Real type on the web]]></category>
		<category><![CDATA[Standards]]></category>
		<category><![CDATA[State of the Web]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[Zeldman]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[webfonts]]></category>

	<!-- AutoMeta Start -->
	<category></category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=2730</guid>
		<description><![CDATA[The classic Zeldman orange avatar has gone blue to celebrate the release of <cite>Designing With Web Standards 3rd Edition</cite>.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F17%2Fdesigning-with-web-standards-3rd-edition-on-sale-october-19-200%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F17%2Fdesigning-with-web-standards-3rd-edition-on-sale-october-19-200%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="/dwws/"><img src="/i/blue100.gif" alt="Zeldman" class="inset" /></a></p>
<p class="intro"><span class="drop">O</span>ur classic orange avatar has turned blue to celebrate the release of <cite>Designing With Web Standards 3rd Edition</cite> by Jeffrey Zeldman with Ethan Marcotte. This substantial revision to the foundational web standards text will be in bookstores across the U.S. on October 19, 2009, with international stores to follow. <a href="http://www.amazon.com/exec/obidos/tg/detail/-/0321616952/jeffreyzeldmanprA/">Save 37%</a> off the list price when you buy it from Amazon.com.</p>
<ul>
<li><a href="/2009/08/23/dwws-3e-pre-order-tout-page/">What&#8217;s new in the 3rd Edition</a></li>
<li><a href="/dwws/">Mini-site</a></li>
</ul>
<p><small>Short URL: <a href="http://www.zeldman.com/?p=2730">zeldman.com/?p=2730</a></small></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F17%2Fdesigning-with-web-standards-3rd-edition-on-sale-october-19-200%2F&amp;t=Am%20I%20Blue&amp;s=The%20classic%20Zeldman%20orange%20avatar%20has%20gone%20blue%20to%20celebrate%20the%20release%20of%20Designing%20With%20Web%20Standards%203rd%20Edition." title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F17%2Fdesigning-with-web-standards-3rd-edition-on-sale-october-19-200%2F&amp;t=Am%20I%20Blue" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F17%2Fdesigning-with-web-standards-3rd-edition-on-sale-october-19-200%2F&amp;title=Am%20I%20Blue&amp;notes=The%20classic%20Zeldman%20orange%20avatar%20has%20gone%20blue%20to%20celebrate%20the%20release%20of%20Designing%20With%20Web%20Standards%203rd%20Edition." title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F17%2Fdesigning-with-web-standards-3rd-edition-on-sale-october-19-200%2F&amp;title=Am%20I%20Blue&amp;bodytext=The%20classic%20Zeldman%20orange%20avatar%20has%20gone%20blue%20to%20celebrate%20the%20release%20of%20Designing%20With%20Web%20Standards%203rd%20Edition." title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Am%20I%20Blue&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F17%2Fdesigning-with-web-standards-3rd-edition-on-sale-october-19-200%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F17%2Fdesigning-with-web-standards-3rd-edition-on-sale-october-19-200%2F&amp;title=Am%20I%20Blue&amp;annotation=The%20classic%20Zeldman%20orange%20avatar%20has%20gone%20blue%20to%20celebrate%20the%20release%20of%20Designing%20With%20Web%20Standards%203rd%20Edition." title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F17%2Fdesigning-with-web-standards-3rd-edition-on-sale-october-19-200%2F&amp;h=Am%20I%20Blue" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Am%20I%20Blue&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F17%2Fdesigning-with-web-standards-3rd-edition-on-sale-october-19-200%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2009/10/17/designing-with-web-standards-3rd-edition-on-sale-october-19-200/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>Chicago Deep Dish</title>
		<link>http://www.zeldman.com/2009/10/15/chicago-deep-dish/</link>
		<comments>http://www.zeldman.com/2009/10/15/chicago-deep-dish/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 17:04:49 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[A List Apart]]></category>
		<category><![CDATA[An Event Apart]]></category>
		<category><![CDATA[Appearances]]></category>
		<category><![CDATA[Authoring]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Career]]></category>
		<category><![CDATA[Chicago]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Community]]></category>
		<category><![CDATA[Compatibility]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Formats]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Happy Cog™]]></category>
		<category><![CDATA[Information architecture]]></category>
		<category><![CDATA[Jason Santa Maria]]></category>
		<category><![CDATA[Markup]]></category>
		<category><![CDATA[Real type on the web]]></category>
		<category><![CDATA[Scripting]]></category>
		<category><![CDATA[Search]]></category>
		<category><![CDATA[Standards]]></category>
		<category><![CDATA[State of the Web]]></category>
		<category><![CDATA[architecture]]></category>
		<category><![CDATA[art direction]]></category>
		<category><![CDATA[bugs]]></category>
		<category><![CDATA[cities]]></category>
		<category><![CDATA[conferences]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[content strategy]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[downloads]]></category>
		<category><![CDATA[editorial]]></category>
		<category><![CDATA[engagement]]></category>
		<category><![CDATA[eric meyer]]></category>
		<category><![CDATA[events]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[glamorous]]></category>
		<category><![CDATA[industry]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[social networking]]></category>
		<category><![CDATA[speaking]]></category>
		<category><![CDATA[spec]]></category>

	<!-- AutoMeta Start -->
	<category></category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=2695</guid>
		<description><![CDATA[AEA Chicago, wrapped.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F15%2Fchicago-deep-dish%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F15%2Fchicago-deep-dish%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p style="margin: 10px 0;"><a href="http://www.flickr.com/photos/localcelebrity/sets/72157622569275636/detail/" title="Dan Cederholm, left; Eric Meyer, right; An Event Apart Chicago 2009. Captured by John Morrison, subism studios llc."><img src="/i/daneric.jpg" alt="Dan Cederholm and Eric Meyer at An Event Apart Chicago 2009. Photo by John Morrison." width="495" /></a></p>
<p class="intro"><span class="drop">F</span>or those who couldn&#8217;t be there, and for those who were there and seek to savor the memories, here is An Event Apart Chicago, all wrapped up in a pretty bow:</p>
<dl>
<dt><a href="http://www.flickr.com/photos/localcelebrity/sets/72157622569275636/detail/">AEA Chicago &#8211; official photo set</a></dt>
<dd>By John Morrison, subism studios llc. See also (and contribute to) <a href="http://www.flickr.com/groups/aeachicago09/pool/">An Event Apart Chicago 2009 Pool</a>, a user group on Flickr.</dd>
<dt><a href="http://aea.afeedapart.com/2009/chicago">A Feed Apart Chicago</a></dt>
<dd>Live tweeting from the show, captured forever and still being updated. Includes complete blow-by-blow from Whitney Hess.</dd>
<dt><b>Luke W&#8217;s Notes on the Show</b></dt>
<dd>Smart note-taking by Luke Wroblewski, design lead for Yahoo!, frequent AEA speaker, and author of <cite><a href="http://www.lukew.com/resources/web_form_design.asp">Web Form Design: Filling in the Blanks</a></cite> (Rosenfeld Media, 2008):
<ol>
<li>Jeffrey Zeldman: <a href="http://www.lukew.com/ff/entry.asp?913">A Site Redesign</a></li>
<li>Jason Santa Maria: <a href="http://www.lukew.com/ff/entry.asp?914">Thinking Small</a></li>
<li>Kristina Halvorson: <a href="http://www.lukew.com/ff/entry.asp?915">Content First</a></li>
<li>Dan Brown: <a href="http://www.lukew.com/ff/entry.asp?916">Concept Models -A Tool for Planning Websites</a></li>
<li>Whitney Hess: <a href="http://www.lukew.com/ff/entry.asp?917">DIY UX -Give Your Users an Upgrade</a></li>
<li>Andy Clarke: <a href="http://www.lukew.com/ff/entry.asp?918">Walls Come Tumbling Down</a></li>
<li>Eric Meyer: JavaScript Will Save Us All (not captured)</li>
<li>Aaron Gustafson: Using CSS3 Today with eCSStender (not captured)</li>
<li>Simon Willison: <a href="http://www.lukew.com/ff/entry.asp?919">Building Things Fast</a></li>
<li>Luke Wroblewski: <a href="http://www.lukew.com/ff/entry.asp?921">Web Form Design in Action</a> (download <a href="http://www.lukew.com/resources/articles/WebForms_LukeW_101209.pdf">slides)</a></li>
<li>Dan Rubin: <a href="http://www.lukew.com/ff/entry.asp?920">Designing Virtual Realism</a></li>
<li>Dan Cederholm: Progressive Enrichment With CSS3 (not captured)</li>
<li><a href="http://j.mp/VOWzM">Three years of An Event Apart Presentations</a></li>
</ol>
</dd>
</dl>
<p id="chicagocommentnote"><strong>Note</strong>: <del>Comment posting here is a bit wonky at the moment. We are investigating the cause.</del> Normal commenting has been restored. Thank you, <a href="http://noel.io/">Noel Jackson</a>.</p>
<p><small>Short URL: <a href="http://www.zeldman.com/?p=2695">zeldman.com/?p=2695</a></small></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F15%2Fchicago-deep-dish%2F&amp;t=Chicago%20Deep%20Dish&amp;s=AEA%20Chicago%2C%20wrapped." title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F15%2Fchicago-deep-dish%2F&amp;t=Chicago%20Deep%20Dish" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F15%2Fchicago-deep-dish%2F&amp;title=Chicago%20Deep%20Dish&amp;notes=AEA%20Chicago%2C%20wrapped." title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F15%2Fchicago-deep-dish%2F&amp;title=Chicago%20Deep%20Dish&amp;bodytext=AEA%20Chicago%2C%20wrapped." title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Chicago%20Deep%20Dish&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F15%2Fchicago-deep-dish%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F15%2Fchicago-deep-dish%2F&amp;title=Chicago%20Deep%20Dish&amp;annotation=AEA%20Chicago%2C%20wrapped." title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F15%2Fchicago-deep-dish%2F&amp;h=Chicago%20Deep%20Dish" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Chicago%20Deep%20Dish&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F10%2F15%2Fchicago-deep-dish%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2009/10/15/chicago-deep-dish/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>The Amanda Project</title>
		<link>http://www.zeldman.com/2009/08/03/the-amanda-project/</link>
		<comments>http://www.zeldman.com/2009/08/03/the-amanda-project/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 10:00:25 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Applications]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Community]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Happy Cog™]]></category>
		<category><![CDATA[Publications]]></category>
		<category><![CDATA[Publishing]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[architecture]]></category>
		<category><![CDATA[art direction]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[client services]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[editorial]]></category>
		<category><![CDATA[launches]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[people]]></category>
		<category><![CDATA[social networking]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[aarongustafson]]></category>
		<category><![CDATA[amanda]]></category>
		<category><![CDATA[amandaproject]]></category>
		<category><![CDATA[ArielAberg-Riger]]></category>
		<category><![CDATA[contentstrategy]]></category>
		<category><![CDATA[dalerobbins]]></category>
		<category><![CDATA[davidstack]]></category>
		<category><![CDATA[erinkissane]]></category>
		<category><![CDATA[jasonsantamaria]]></category>
		<category><![CDATA[jeffreyzeldman]]></category>
		<category><![CDATA[JillEllynRiley]]></category>
		<category><![CDATA[JSM]]></category>
		<category><![CDATA[JZ]]></category>
		<category><![CDATA[kellymccarthy]]></category>
		<category><![CDATA[lisaholton]]></category>
		<category><![CDATA[lizdanzico]]></category>
		<category><![CDATA[mattgoldenberg]]></category>
		<category><![CDATA[newwork]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[socialmedianetwork]]></category>
		<category><![CDATA[socialnetwork]]></category>
		<category><![CDATA[TAP]]></category>
		<category><![CDATA[theamandaproject]]></category>
		<category><![CDATA[userexperience]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[whitneyhess]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[Zeldman]]></category>

	<!-- AutoMeta Start -->
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=2037</guid>
		<description><![CDATA[Designed by Happy Cog and launched today, <a href="http://theamandaproject.com/">The Amanda Project</a> is a media social network, writing project, and book series combined.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F08%2F03%2Fthe-amanda-project%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F08%2F03%2Fthe-amanda-project%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p class="intro"><span class="drop">D</span>esigned by Happy Cog and launched today, <a href="http://theamandaproject.com/">The Amanda Project</a> is a social media network, creative writing project, interactive game, and book series combined:</p>
<blockquote>
<p>The Amanda Project is the story of Amanda Valentino, told through an interactive website and book series for readers aged 13 &amp; up. On the website, readers are invited to become a part of the story as they help the main characters search for Amanda.</p>
</blockquote>
<p><img src="/secret/hat.gif" alt="" class="inset" /></p>
<p>The writing-focused social media network is designed and written as if by characters from the Amanda novels, and encourages readers to enter the novel&#8217;s world by joining the search for Amanda, following clues and reading passages that exist only online, and ultimately helping to shape the course of the Amanda narrative across eight novels. (The first Amanda novel—<cite><a href="http://theamandaproject.com/invisiblei">Invisible I</a></cite>, written by <a href="http://theamandaproject.com/melissakantor">Melissa Kantor</a>—comes out 22 September.)</p>
<p>The site developed over a year of intense creative collaboration between Happy Cog and <a href="http://www.fourthstorymedia.com/">Fourth Story Media</a>, a book publisher and new media company spearheaded by publishing whiz Lisa Holton. Prior to starting Fourth Story, Lisa was was President, Scholastic Trade Publishing and Book Fairs; managed the publication of <cite>Harry Potter and the Deathly Hallows</cite>; and oversaw development of <cite>The 39 Clues.</cite> Before that she spent nearly a decade developing numerous bestselling, franchise-launching series at Disney.</p>
<p><a href="http://www.happycog.com/">Happy Cog</a>&#8217;s New York office developed this project. The team:</p>
<ul>
<li>Aaron Gustafson, front-end development (<a href="http://www.easy-reader.net/">blog</a>, <a href="http://www.alistapart.com/authors/g/agustafson">articles</a>, <a href="http://twitter.com/AaronGustafson">Twitter</a>)</li>
<li>Liz, Danzico, user experience (<a href="http://bobulate.com/">blog</a>, <a href="http://interactiondesign.sva.edu/">MFA program</a>, <a href="http://twitter.com/bobulate">Twitter</a>)</li>
<li>Matthew Goldenberg, project management</li>
<li>Whitney Hess, user experience (<a href="http://whitneyhess.com/blog/">blog</a>, <a href="http://twitter.com/whitneyhess">Twitter</a>)</li>
<li>Erin Kissane, content strategy (<a href="http://www.alistapart.com/authors/k/erinkissane">articles</a>, <a href="http://blissbat.net/">blog</a>, <a href="http://twitter.com/kissane">Twitter</a>)</li>
<li>Kelly McCarthy, project manager</li>
<li>Jason Santa Maria, design (<a href="http://www.jasonsantamaria.com/">website</a>, <a href="http://twitter.com/jasonsantamaria">Twitter</a>)</li>
<li>Jeffrey Zeldman, creative director</li>
</ul>
<p>Equally vital to the project&#8217;s success were Fourth Story&#8217;s leaders and partners, including:</p>
<ul>
<li>Lorraine Shanley, Principal Advisor</li>
<li>Ariel Aberg-Riger (<a href="http://www.figure-1.typepad.com">website</a>, <a href="http://twitter.com/figure1">Twitter</a>), Creative Development &#038; Marketing Manager</li>
<li>JillEllyn Riley, Editorial Director</li>
<li>Dale Robbins, Creative Director</li>
<li>David Stack, Director, Digital Partnerships</li>
<li>Melissa Kantor, Writer</li>
<li>Peter Silsbee, Writer</li>
<li>Polly Kanevsky, Art Director</li>
<li>Sam Gerstenzang, Technology Consultant</li>
</ul>
<p>Today&#8217;s launch is not the end of our relationship with Fourth Story Media. The Amanda Project will continue to evolve, and Happy Cog will remain an active partner in its direction and growth. We thank our brilliant collaborators and congratulate them on today&#8217;s milestone.</p>
<h3>Read more</h3>
<ul>
<li>Blissbat.net: <a href="http://blissbat.net/2009/08/news-of-the-world/">The Amanda Project Wants You</a></li>
</ul>
<p><small>Tags: <a href="http://technorati.com/tag/amanda" rel="tag">amanda</a>, <a href="http://technorati.com/tag/amandaproject" rel="tag"> amandaproject</a>, <a href="http://technorati.com/tag/theamandaproject" rel="tag"> theamandaproject</a>, <a href="http://technorati.com/tag/TAP" rel="tag"> TAP</a>, <a href="http://technorati.com/tag/happycog" rel="tag"> happycog</a>, <a href="http://technorati.com/tag/design" rel="tag"> design</a>, <a href="http://technorati.com/tag/webdesign" rel="tag"> webdesign</a>, <a href="http://technorati.com/tag/contentstrategy" rel="tag"> contentstrategy</a>, <a href="http://technorati.com/tag/userexperience" rel="tag"> userexperience</a>, <a href="http://technorati.com/tag/publishing" rel="tag"> publishing</a>, <a href="http://technorati.com/tag/books" rel="tag"> books</a>, <a href="http://technorati.com/tag/aarongustafson" rel="tag"> aarongustafson</a>, <a href="http://technorati.com/tag/lizdanzico" rel="tag"> lizdanzico</a>, <a href="http://technorati.com/tag/erinkissane" rel="tag"> erinkissane</a>, <a href="http://technorati.com/tag/whitneyhess" rel="tag"> whitneyhess</a>, <a href="http://technorati.com/tag/mattgoldenberg" rel="tag"> mattgoldenberg</a>, <a href="http://technorati.com/tag/kellymccarthy" rel="tag"> kellymccarthy</a>, <a href="http://technorati.com/tag/jasonsantamaria" rel="tag"> jasonsantamaria</a>, <a href="http://technorati.com/tag/jeffreyzeldman" rel="tag"> jeffreyzeldman</a>, <a href="http://technorati.com/tag/lisaholton" rel="tag"> lisaholton</a>, <a href="http://technorati.com/tag/dalerobbins" rel="tag"> dalerobbins</a>, <a href="http://technorati.com/tag/davidstack" rel="tag"> davidstack</a>, <a href="http://technorati.com/tag/JillEllynRiley" rel="tag"> JillEllynRiley</a>, <a href="http://technorati.com/tag/ArielAberg-Riger" rel="tag"> ArielAberg-Riger</a></small></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F08%2F03%2Fthe-amanda-project%2F&amp;t=The%20Amanda%20Project&amp;s=Designed%20by%20Happy%20Cog%20and%20launched%20today%2C%20The%20Amanda%20Project%20is%20a%20media%20social%20network%2C%20writing%20project%2C%20and%20book%20series%20combined." title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F08%2F03%2Fthe-amanda-project%2F&amp;t=The%20Amanda%20Project" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F08%2F03%2Fthe-amanda-project%2F&amp;title=The%20Amanda%20Project&amp;notes=Designed%20by%20Happy%20Cog%20and%20launched%20today%2C%20The%20Amanda%20Project%20is%20a%20media%20social%20network%2C%20writing%20project%2C%20and%20book%20series%20combined." title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F08%2F03%2Fthe-amanda-project%2F&amp;title=The%20Amanda%20Project&amp;bodytext=Designed%20by%20Happy%20Cog%20and%20launched%20today%2C%20The%20Amanda%20Project%20is%20a%20media%20social%20network%2C%20writing%20project%2C%20and%20book%20series%20combined." title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=The%20Amanda%20Project&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F08%2F03%2Fthe-amanda-project%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2009%2F08%2F03%2Fthe-amanda-project%2F&amp;title=The%20Amanda%20Project&amp;annotation=Designed%20by%20Happy%20Cog%20and%20launched%20today%2C%20The%20Amanda%20Project%20is%20a%20media%20social%20network%2C%20writing%20project%2C%20and%20book%20series%20combined." title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F08%2F03%2Fthe-amanda-project%2F&amp;h=The%20Amanda%20Project" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=The%20Amanda%20Project&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F08%2F03%2Fthe-amanda-project%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2009/08/03/the-amanda-project/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Web fonts, HTML 5 roundup</title>
		<link>http://www.zeldman.com/2009/07/20/web-fonts-html-5-roundup/</link>
		<comments>http://www.zeldman.com/2009/07/20/web-fonts-html-5-roundup/#comments</comments>
		<pubDate>Mon, 20 Jul 2009 11:31:26 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Advocacy]]></category>
		<category><![CDATA[Applications]]></category>
		<category><![CDATA[Blogs and Blogging]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Compatibility]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Real type on the web]]></category>
		<category><![CDATA[Standards]]></category>
		<category><![CDATA[State of the Web]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[art direction]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[conferences]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[industry]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[spec]]></category>
		<category><![CDATA[stealing]]></category>
		<category><![CDATA[style]]></category>
		<category><![CDATA[webfonts]]></category>
		<category><![CDATA[webtype]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[@font-face]]></category>
		<category><![CDATA[berlow]]></category>
		<category><![CDATA[davidberlow]]></category>
		<category><![CDATA[fontbureau]]></category>
		<category><![CDATA[HTML4]]></category>
		<category><![CDATA[Markup]]></category>
		<category><![CDATA[permissionstable]]></category>
		<category><![CDATA[realtypeontheweb]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[webtypography]]></category>
		<category><![CDATA[WHATWG]]></category>

	<!-- AutoMeta Start -->
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=1857</guid>
		<description><![CDATA[Excellent, informative third-party posts on web fonts, CSS3, and HTML 5.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F07%2F20%2Fweb-fonts-html-5-roundup%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F07%2F20%2Fweb-fonts-html-5-roundup%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="/secret/hat.gif" alt="" class="inset" /></p>
<p class="intro"><span class="drop">O</span>ver the weekend, as  thoughtful designers gathered at <a href="http://www.typecon.com/">Typecon 2009</a> (&#8220;a letterfest of talks, workshops, tours, exhibitions, and special events created for type lovers at every level&#8221;), the subject of web fonts was in the air and on the digital airwaves. Worthwhile reading on web fonts and our other recent obsessions includes:</p>
<dl>
<dt><a href="http://readableweb.com/jeffrey-zeldman-questions-the-eot-lite-web-font-format/">Jeffrey Zeldman Questions The “EOT Lite” Web Font Format</a></dt>
<dd>
<p>Responding to a question I raised here in comments on <a href="http://www.zeldman.com/2009/07/16/web-fonts-now-for-real/">Web Fonts Now, for Real</a>, Richard Fink explains the thinking behind Ascender Corp.&#8217;s EOT Lite proposal . The name &#8220;EOT Lite&#8221; suggests that DRM is still very much part of the equation. But, as Fink explains it, it&#8217;s actually not.
</p>
<p>EOT Lite removes the two chief objections to EOT:</p>
</dd>
</dl>
<ul>
<li>it bound the EOT file, through rootstrings, to the domain name;</li>
<li>it contained MTX compression under patent by Monotype Imaging, licensed by Microsoft for this use.</li>
</ul>
<dl>
<dd>
<p>Essentially, then, an &#8220;EOT Lite file is nothing more than a TTF file with a different file extension&#8221; (and an unfortunate but understandable name).</p>
<p>A brief, compelling read for a published spec that might be the key to real fonts on the web.</p>
</dd>
<dt><a href="http://ilovetypography.com/2009/07/20/web-fonts-—-where-are-we/">Web Fonts&#8212;Where Are We?&#8221;</a></dt>
<dd>
<p><a href="http://twitter.com/ilovetypography">@ilovetypography</a> tackles the question we&#8217;ve been pondering. After setting out what web designers want versus what type designers and foundries want, the author summarizes various new and old proposals (&#8220;I once heard EOT described as &#8216;DRM icing on an OpenType cake.&#8217;&#8221;) including <a href="http://talleming.com/">Tal Leming</a> and <a href="http://www.letterror.com/">Erik van Blokland</a>&#8217;s <a href="http://lists.w3.org/Archives/Public/www-font/2009JulSep/0440.html">.webfont</a>, which is gathering <a href="http://typegirl.tumblr.com/post/142912558/most-of-the-important-foundries-are-supporting-webfont">massive support</a> among type foundries, and <a href="/2009/07/16/web-fonts-now-for-real/">David Berlow&#8217;s permissions table</a>, announced here last week.</p>
<p>Where does all of this net out? For @ilovetypography, &#8220;While we’re waiting on .webfont et al., there’s <a href="http://blog.typekit.com/2009/05/27/introducing-typekit/">Typekit</a>.&#8221;</p>
<p>(We <a href="http://www.zeldman.com/2009/05/28/real-fonts-on-the-web-part-2/">announced Typekit</a> here on the day it debuted. Our friend Jeff Veen&#8217;s company <a href="http://www.smallbatchinc.com/">Small Batch, Inc.</a> is behind Typekit, and Jason Santa Maria consults on the service. <a href="http://www.veen.com/jeff/index.html">Jeff</a> and <a href="http://www.jasonsantamaria.com/">Jason</a> are among the smartest and most forward thinking designers on the web—the history of Jeff&#8217;s achievements would fill more than one book. We&#8217;ve tested Typekit, love its simple interface, and agree that it provides a <em>legal and technical</em> solution while we wait for foundries to standardize on one of the proposals that&#8217;s now out there. Typekit will be better when more foundries sign on; if foundries don&#8217;t agree to a standard soon, Typekit may even be the ultimate solution, assuming the big foundries come on board. If the big foundries demur, it&#8217;s unclear whether that will spell the doom of Typekit or of the big foundries.)</p>
</dd>
<dt><a href="http://perishablepress.com/press/2009/07/19/power-of-html5-css3/">The Power of HTML 5 and CSS 3</a></dt>
<dd>
<p>Applauding HTML 5&#8217;s introduction of semantic page layout elements (&#8220;Goodbye <code>div</code> soup, hello semantic markup&#8221;), author Jeff Starr shows how HTML 5 facilitates cleaner, simpler markup, and explains how CSS can target HTML 5 elements that lack classes and IDs. The piece ends with a free, downloadable goodie for WordPress users. (The writer is the author of the forthcoming <cite>Digging into WordPress</cite>.)</p>
</dd>
<dt><a href="http://www.9to5mac.com/safari-3D-HTML5-webkit">Surfin&#8217; Safari turns up new 3-D HTML5 tricks that give Flash a run for its money</a></dt>
<dd>
<p>Just like it says.</p>
</dd>
</dl>
<h3>Read more</h3>
<ul>
<li><a href="http://www.zeldman.com/2009/07/16/web-fonts-now-for-real/">Web Fonts Now, for Real</a>: David Berlow of The Font Bureau publishes a proposal for a permissions table enabling real fonts to be used on the web without binding or other DRM. &#8212; 16 July 2009</li>
<li><a href="http://www.zeldman.com/2009/05/23/web-fonts-now-how-were-doing-with-that/">Web Fonts Now (How We&#8217;re Doing With That)</a>: Everything you ever wanted to know about real fonts on the web, including commercial foundries that allow @font-face embedding; which browsers already support @font-face; what IE supports instead; Håkon Wium Lie, father of CSS, on @font-face at A List Apart; the Berlow interview at A List Apart; @font-face vs. EOT; Cufón; SIFR; Cufón combined with @font-face; Adobe, web fonts, and EOT; and Typekit, a new web service offering a web-only font linking license on a hosted platform; &#8212; 23 May 2009</li>
<li><a href="http://www.zeldman.com/2009/07/16/html-5-is-a-mess-now-what/">HTML 5 is a mess. Now what?</a> A few days ago on this site, John Allsopp argued passionately that HTML 5 is a mess. In response to HTML 5 activity leader Ian Hickson’s comment here that, “We don’t need to predict the future. When the future comes, we can just fix HTML again,” Allsopp said “This is the only shot for a generation” to get the next version of markup right. Now Bruce Lawson explains just why HTML 5 is &#8220;several different kind of messes.&#8221; Given all that, what should web designers and developers do about it? &#8212; 16 July 2009</li>
<li><a href="/2009/07/12/web-standards-secret-sauce-webkit-in-iphone/">Web Standards Secret Sauce</a>: Even though Firefox and Opera offered powerfully compelling visions of what could be accomplished with web standards back when IE6 offered a poor experience, Firefox and Opera, not unlike Linux and Mac OS, were platforms for the converted. Thanks largely to the success of the iPhone, Webkit, in the form of Safari, has been a surprising force for good on the web, raising people’s expectations about what a web browser can and should do, and what a web page should look like. &#8212; 12 July 2009</li>
<li><a href="/2009/07/07/in-defense-of-web-developers/">In Defense of Web Developers</a>: Pushing back against the “XHTML is bullshit, man!” crowd&#8217;s using the cessation of XHTML 2.0 activity to condescend to—or even childishly glory in the “folly” of—web developers who build with XHTML 1.0, a stable W3C recommendation for nearly ten years, and one that will continue to work indefinitely. &#8212; 7 July 2009</li>
<li><a href="/2009/07/02/xhtml-wtf/">XHTML DOA WTF</a>: The web’s future isn’t what the web’s past cracked it up to be. &#8212; 2 July 2009</li>
</ul>
<p><small>Tags: <a href="http://technorati.com/tag/%40font-face" rel="tag">@font-face</a>, <a href="http://technorati.com/tag/berlow" rel="tag"> berlow</a>, <a href="http://technorati.com/tag/davidberlow" rel="tag"> davidberlow</a>, <a href="http://technorati.com/tag/CSS" rel="tag"> CSS</a>, <a href="http://technorati.com/tag/permissionstable" rel="tag"> permissionstable</a>, <a href="http://technorati.com/tag/fontbureau" rel="tag"> fontbureau</a>, <a href="http://technorati.com/tag/webfonts" rel="tag"> webfonts</a>, <a href="http://technorati.com/tag/webtypography" rel="tag"> webtypography</a>, <a href="http://technorati.com/tag/realtypeontheweb" rel="tag"> realtypeontheweb</a>, <a href="http://technorati.com/tag/HTML5" rel="tag"> HTML5</a>, <a href="http://technorati.com/tag/HTML4" rel="tag"> HTML4</a>, <a href="http://technorati.com/tag/HTML" rel="tag"> HTML</a>, <a href="http://technorati.com/tag/W3C" rel="tag"> W3C</a>, <a href="http://technorati.com/tag/WHATWG" rel="tag"> WHATWG</a>, <a href="http://technorati.com/tag/markup" rel="tag"> markup</a>, <a href="http://technorati.com/tag/webstandards" rel="tag"> webstandards</a>, <a href="http://technorati.com/tag/typography" rel="tag"> typography</a></small></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F07%2F20%2Fweb-fonts-html-5-roundup%2F&amp;t=Web%20fonts%2C%20HTML%205%20roundup&amp;s=Excellent%2C%20informative%20third-party%20posts%20on%20web%20fonts%2C%20CSS3%2C%20and%20HTML%205." title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F07%2F20%2Fweb-fonts-html-5-roundup%2F&amp;t=Web%20fonts%2C%20HTML%205%20roundup" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F07%2F20%2Fweb-fonts-html-5-roundup%2F&amp;title=Web%20fonts%2C%20HTML%205%20roundup&amp;notes=Excellent%2C%20informative%20third-party%20posts%20on%20web%20fonts%2C%20CSS3%2C%20and%20HTML%205." title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F07%2F20%2Fweb-fonts-html-5-roundup%2F&amp;title=Web%20fonts%2C%20HTML%205%20roundup&amp;bodytext=Excellent%2C%20informative%20third-party%20posts%20on%20web%20fonts%2C%20CSS3%2C%20and%20HTML%205." title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Web%20fonts%2C%20HTML%205%20roundup&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F07%2F20%2Fweb-fonts-html-5-roundup%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2009%2F07%2F20%2Fweb-fonts-html-5-roundup%2F&amp;title=Web%20fonts%2C%20HTML%205%20roundup&amp;annotation=Excellent%2C%20informative%20third-party%20posts%20on%20web%20fonts%2C%20CSS3%2C%20and%20HTML%205." title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F07%2F20%2Fweb-fonts-html-5-roundup%2F&amp;h=Web%20fonts%2C%20HTML%205%20roundup" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Web%20fonts%2C%20HTML%205%20roundup&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F07%2F20%2Fweb-fonts-html-5-roundup%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2009/07/20/web-fonts-html-5-roundup/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>Beep</title>
		<link>http://www.zeldman.com/2009/06/18/beep/</link>
		<comments>http://www.zeldman.com/2009/06/18/beep/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 16:11:48 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[DWWS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Publications]]></category>
		<category><![CDATA[Publishing]]></category>
		<category><![CDATA[Respect]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[Zeldman]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[3rdedition]]></category>
		<category><![CDATA[airbag]]></category>
		<category><![CDATA[alistapart]]></category>
		<category><![CDATA[authors]]></category>
		<category><![CDATA[beep]]></category>
		<category><![CDATA[designingwithwebstandards]]></category>
		<category><![CDATA[DWWS3e]]></category>
		<category><![CDATA[ethanmarcotte]]></category>
		<category><![CDATA[unstoppablerobotninja]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[writer]]></category>
		<category><![CDATA[writers]]></category>

	<!-- AutoMeta Start -->
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=1373</guid>
		<description><![CDATA[For the third edition of Designing With Web Standards, I've brought in a co-author: the brilliant and talented Ethan Marcotte.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F18%2Fbeep%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F18%2Fbeep%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p class="intro"><span class="drop">F</span>or the third edition of <cite>Designing With Web Standards</cite>, I&#8217;ve brought in a co-author: the brilliant and talented <a href="http://unstoppablerobotninja.com/about/">Mr Ethan Marcotte</a>.</p>
<p><a href="http://unstoppablerobotninja.com/about/"><img class="inset" alt="Mr Ethan Marcotte" src="/i/beep.jpg" /></a></p>
<p>Mr Marcotte is a web designer/developer who &#8220;works for <a href="http://airbagindustries.com/book/">Airbag Industries</a> as a Senior Designer, <a href="http://twitter.com/beep">swears profusely on Twitter</a>, and is getting married to <a href="http://drinkerthinker.com/">an incredible lady</a>.&#8221; He is also a <a href="http://www.alistapart.com/authors/m/emarcotte/">technical editor and contributing author</a> to <cite>A List Apart</cite>, and the <a href="http://www.amazon.com/s?ie=UTF8&amp;search-type=ss&amp;index=books&amp;field-author=Ethan%20Marcotte&amp;page=1//jeffreyzeldmanprA/">co-author of several fine books</a> about the intersection between great code and fine design. Then there&#8217;s the fact that I dig him. I dig the hell out of him. I love him like a younger, sweeter, funnier brother.</p>
<p>That&#8217;s important because I don&#8217;t add a co-author to any book, let alone this book, lightly. In asking Ethan to help me bring the awesome to this substantially revised and rewritten edition, I chose not only on the basis of expertise and writing ability, but also on sheer <em>karma</em>.</p>
<p>In his new role, Ethan joins a SuperFriends™ line-up including technical editor <a href="http://www.easy-reader.net/">Aaron Gustafson</a> (<a href="http://twitter.com/aarongustafson">Twitter</a>), another honey of a guy, and truly one of the smartest, most innovative, and most knowledgeable voices in web standards, and editor <a href="http://incisive.nu/">Erin Kissane</a> (<a href="http://twitter.com/kissane">Twitter</a>), whose mastery of the subtlest details of voice consistency alone makes her the finest editor I have ever been blessed to work with. Behind it all, there&#8217;s <a href="http://www.peachpit.com/authors/bio.aspx?a=2817d8e5-1588-4a69-b8e0-c17d8e2e55c2">Michael Nolan</a> (<a href="http://twitter.com/mikaln">Twitter</a>), New Riders&#8217; sagely seasoned acquisitions editor and a designer and author himself, who first took a chance on me as an author back in nineteen ninety humph. </p>
<p><cite>Designing With Web Standards, 3rd Edition</cite> is coming this year to a bookstore near you. I thank my brilliant crew for making it possible. Onward!</p>
<p><small>Tags: <a href="http://technorati.com/tag/EthanMarcotte" rel="tag">EthanMarcotte</a>, <a href="http://technorati.com/tag/beep" rel="tag"> beep</a>, <a href="http://technorati.com/tag/unstoppablerobotninja" rel="tag"> unstoppablerobotninja</a>, <a href="http://technorati.com/tag/airbag" rel="tag"> airbag</a>, <a href="http://technorati.com/tag/alistapart" rel="tag"> alistapart</a>, <a href="http://technorati.com/tag/CSS" rel="tag"> CSS</a>, <a href="http://technorati.com/tag/design" rel="tag"> design</a>, <a href="http://technorati.com/tag/webstandards" rel="tag"> webstandards</a>, <a href="http://technorati.com/tag/webdesign" rel="tag"> webdesign</a>, <a href="http://technorati.com/tag/designingwithwebstandards" rel="tag"> designingwithwebstandards</a>, <a href="http://technorati.com/tag/DWWS" rel="tag"> DWWS</a>, <a href="http://technorati.com/tag/3rdedition" rel="tag"> 3rdedition</a>, <a href="http://technorati.com/tag/DWWS3e" rel="tag"> DWWS3e</a>, <a href="http://technorati.com/tag/writer" rel="tag"> writer</a>, <a href="http://technorati.com/tag/writers" rel="tag"> writers</a>, <a href="http://technorati.com/tag/authors" rel="tag"> authors</a></small></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F18%2Fbeep%2F&amp;t=Beep&amp;s=For%20the%20third%20edition%20of%20Designing%20With%20Web%20Standards%2C%20I%27ve%20brought%20in%20a%20co-author%3A%20the%20brilliant%20and%20talented%20Ethan%20Marcotte." title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F18%2Fbeep%2F&amp;t=Beep" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F18%2Fbeep%2F&amp;title=Beep&amp;notes=For%20the%20third%20edition%20of%20Designing%20With%20Web%20Standards%2C%20I%27ve%20brought%20in%20a%20co-author%3A%20the%20brilliant%20and%20talented%20Ethan%20Marcotte." title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F18%2Fbeep%2F&amp;title=Beep&amp;bodytext=For%20the%20third%20edition%20of%20Designing%20With%20Web%20Standards%2C%20I%27ve%20brought%20in%20a%20co-author%3A%20the%20brilliant%20and%20talented%20Ethan%20Marcotte." title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Beep&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F18%2Fbeep%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F18%2Fbeep%2F&amp;title=Beep&amp;annotation=For%20the%20third%20edition%20of%20Designing%20With%20Web%20Standards%2C%20I%27ve%20brought%20in%20a%20co-author%3A%20the%20brilliant%20and%20talented%20Ethan%20Marcotte." title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F18%2Fbeep%2F&amp;h=Beep" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Beep&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F18%2Fbeep%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2009/06/18/beep/feed/</wfw:commentRss>
		<slash:comments>43</slash:comments>
		</item>
		<item>
		<title>&#8220;Google Bets Big on HTML 5&#8243;</title>
		<link>http://www.zeldman.com/2009/05/27/google-bets-big-on-html-5-news-from-google-io-oreilly-radar/</link>
		<comments>http://www.zeldman.com/2009/05/27/google-bets-big-on-html-5-news-from-google-io-oreilly-radar/#comments</comments>
		<pubDate>Wed, 27 May 2009 21:29:45 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Advocacy]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[Bill O'Reilly]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[O'Reilly]]></category>
		<category><![CDATA[web applications]]></category>
		<category><![CDATA[webapps]]></category>
		<category><![CDATA[webstandards]]></category>

	<!-- AutoMeta Start -->
	<category></category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=1206</guid>
		<description><![CDATA[Striving to avoid the mistake Microsoft made when it bet on binary applications over the web, Google is counting on HTML 5 adoption to expand the capability of web applications.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F27%2Fgoogle-bets-big-on-html-5-news-from-google-io-oreilly-radar%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F27%2Fgoogle-bets-big-on-html-5-news-from-google-io-oreilly-radar%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<blockquote><p>While the entire  HTML 5 standard is years or more from adoption, there are many powerful features available in browsers today. In fact, five key next-generation features are already available in the latest (sometimes experimental) browser builds from Firefox, Opera, Safari, and Google Chrome.</p></blockquote>
<p>Tim O&#8217;Reilly: <a href="http://radar.oreilly.com/2009/05/google-bets-big-on-html-5.html">Google Bets Big on HTML 5</a></p>
<p>Striving to avoid the mistake Microsoft made when it bet on binary applications over the web, Google is counting on HTML 5 adoption to expand the capability of web applications. Tim O&#8217;Reilly describes Google&#8217;s strategy and lists five key HTML 5 features that are already supported in Safari, Firefox, Opera, and Chrome.</p>
<p><small>Tags: <a href="http://technorati.com/tag/HTML5" rel="tag">HTML5</a>, <a href="http://technorati.com/tag/Google" rel="tag"> Google</a>, <a href="http://technorati.com/tag/O%26%238217%3BReilly" rel="tag"> O&#8217;Reilly</a>, <a href="http://technorati.com/tag/TimO%26%238217%3BReilly" rel="tag"> TimO&#8217;Reilly</a>, <a href="http://technorati.com/tag/canvas" rel="tag"> canvas</a>, <a href="http://technorati.com/tag/browsers" rel="tag"> browsers</a>, <a href="http://technorati.com/tag/webapps" rel="tag"> webapps</a>, <a href="http://technorati.com/tag/web+applications" rel="tag"> web applications</a>, <a href="http://technorati.com/tag/webstandards" rel="tag"> webstandards</a></small></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F27%2Fgoogle-bets-big-on-html-5-news-from-google-io-oreilly-radar%2F&amp;t=%22Google%20Bets%20Big%20on%20HTML%205%22&amp;s=Striving%20to%20avoid%20the%20mistake%20Microsoft%20made%20when%20it%20bet%20on%20binary%20applications%20over%20the%20web%2C%20Google%20is%20counting%20on%20HTML%205%20adoption%20to%20expand%20the%20capability%20of%20web%20applications." title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F27%2Fgoogle-bets-big-on-html-5-news-from-google-io-oreilly-radar%2F&amp;t=%22Google%20Bets%20Big%20on%20HTML%205%22" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F27%2Fgoogle-bets-big-on-html-5-news-from-google-io-oreilly-radar%2F&amp;title=%22Google%20Bets%20Big%20on%20HTML%205%22&amp;notes=Striving%20to%20avoid%20the%20mistake%20Microsoft%20made%20when%20it%20bet%20on%20binary%20applications%20over%20the%20web%2C%20Google%20is%20counting%20on%20HTML%205%20adoption%20to%20expand%20the%20capability%20of%20web%20applications." title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F27%2Fgoogle-bets-big-on-html-5-news-from-google-io-oreilly-radar%2F&amp;title=%22Google%20Bets%20Big%20on%20HTML%205%22&amp;bodytext=Striving%20to%20avoid%20the%20mistake%20Microsoft%20made%20when%20it%20bet%20on%20binary%20applications%20over%20the%20web%2C%20Google%20is%20counting%20on%20HTML%205%20adoption%20to%20expand%20the%20capability%20of%20web%20applications." title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=%22Google%20Bets%20Big%20on%20HTML%205%22&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F27%2Fgoogle-bets-big-on-html-5-news-from-google-io-oreilly-radar%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F27%2Fgoogle-bets-big-on-html-5-news-from-google-io-oreilly-radar%2F&amp;title=%22Google%20Bets%20Big%20on%20HTML%205%22&amp;annotation=Striving%20to%20avoid%20the%20mistake%20Microsoft%20made%20when%20it%20bet%20on%20binary%20applications%20over%20the%20web%2C%20Google%20is%20counting%20on%20HTML%205%20adoption%20to%20expand%20the%20capability%20of%20web%20applications." title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F27%2Fgoogle-bets-big-on-html-5-news-from-google-io-oreilly-radar%2F&amp;h=%22Google%20Bets%20Big%20on%20HTML%205%22" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=%22Google%20Bets%20Big%20on%20HTML%205%22&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F27%2Fgoogle-bets-big-on-html-5-news-from-google-io-oreilly-radar%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2009/05/27/google-bets-big-on-html-5-news-from-google-io-oreilly-radar/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Web fonts now (how we&#8217;re doing with that)</title>
		<link>http://www.zeldman.com/2009/05/23/web-fonts-now-how-were-doing-with-that/</link>
		<comments>http://www.zeldman.com/2009/05/23/web-fonts-now-how-were-doing-with-that/#comments</comments>
		<pubDate>Sat, 23 May 2009 13:05:51 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Advocacy]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[DWWS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Real type on the web]]></category>
		<category><![CDATA[Standards]]></category>
		<category><![CDATA[State of the Web]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[copyright]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[industry]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[webfonts]]></category>
		<category><![CDATA[webtype]]></category>
		<category><![CDATA[@font-face]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[embed]]></category>
		<category><![CDATA[EOT]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[wiki]]></category>

	<!-- AutoMeta Start -->
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=1163</guid>
		<description><![CDATA[Fonts you can legally embed in your website using the CSS standard @font-face method. Why you'd want to. State of the art.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F23%2Fweb-fonts-now-how-were-doing-with-that%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F23%2Fweb-fonts-now-how-were-doing-with-that%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p class="intro"><span class="drop">T</span>he Web Fonts Wiki has a page listing <a href="http://webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding">fonts you can legally embed in your site designs</a> using the CSS standard @font-face method. Just as importantly, the wiki maintains a page showing <a href="http://webfonts.info/wiki/index.php?title=Commercial_foundries_which_allow_%40font-face_embedding">commercial foundries that allow @font-face embedding</a>. Between these two wiki pages, you may find just the font you need for your next design (even if you can&#8217;t currently license classics like Adobe Garamond or ITC Franklin and Clarendon).</p>
<p><img src="/secret/hat.gif" alt="" class="inset" /></p>
<p>The advantages of using fonts other than Times, Arial, Georgia, and Verdana have long been obvious to designers; it&#8217;s why web design in the 1990s was divided between pages done in Flash, and HTML pages containing pictures of fonts—a practice that still, bizarrely, continues even in occasionally <a href="http://www25.wolframalpha.com/input/?i=omg">otherwise advanced recent sites</a>.</p>
<p>Using real fonts instead of pictures of fonts or outlines of fonts provides speed and accessibility advantages.  </p>
<p>Currently the Webkit-based Apple Safari browser supports @font-face. The soon-to-be-released next versions of Opera Software&#8217;s Opera browser, Google&#8217;s Webkit-based Chrome, and Mozilla Firefox will do likewise. When I say &#8220;soon-to-be-released,&#8221; I mean any day now. When this occurs, all browsers except IE will support @font-face. </p>
<p>IE has, however, offered font embedding since IE4 via <a href="http://www.w3.org/Submission/2008/01/">Embedded OpenType (.EOT)</a>, a font format that enables real fonts to be temporarily embedded in web pages. That is, the reader sees the font while reading the page, but cannot download (&#8220;steal&#8221;) the font afterwards. Microsoft has &#8220;grant[ed] to the W3C a perpetual, nonexclusive, royalty-free, world-wide right and license under any Microsoft copyrights on this contribution, to copy, publish and distribute the contribution under the W3C document licenses,&#8221; in hopes that EOT would thereby become a standard. But so far, only Microsoft&#8217;s own browsers support EOT.</p>
<p>Thus, as we consider integrating real fonts into our designs, we must navigate between browsers that support @font-face now (Safari), those that will do so soon (Opera, Chrome, Firefox), and the one that possibly never will (IE, with a dwindling but still overwhelming market share).</p>
<p>The person who figures out a designer-friendly solution to all this will either be hailed as a hero/heroine or get rich. Meanwhile, near-complete solutions of varying implementation difficulty exist. Read on:</p>
<h3><a href="http://www.alistapart.com/articles/cssatten">CSS @ Ten: The Next Big Thing</a></h3>
<p>&#8220;Instead of making pictures of fonts, the actual font files can be linked to and retrieved from the web. This way, designers can use TrueType fonts without having to freeze the text as background images.&#8221; An introduction to @font-face by Håkon Wium Lie, father of CSS. </p>
<h3><a href="http://www.alistapart.com/articles/realfontsontheweb/">Real Fonts on the Web: An Interview with The Font Bureau&#8217;s David Berlow</a></h3>
<p>Is there life after Georgia? To understand issues surrounding web fonts from the type designer’s perspective, I interview David Berlow, co-founder of The Font Bureau, Inc, and the ﬁrst TrueType type designer.</p>
<h3><a href="http://www.w3.org/Fonts/Misc/minutes-2008-10">The W3C: @font-face vs. EOT</a></h3>
<p>A discussion that shows why the W3C may not be able to resolve this conflict. (It&#8217;s kind of like asking the Montagues and Capulets to decide whether the Montagues or the Capulets should rule Verona.) </p>
<h3><a href="http://www.mikeindustries.com/blog/sifr/">sIFR 2.0: Rich Accessible Typography for the Masses</a></h3>
<p>Mike Davidson&#8217;s scalable and accessible remix of Shaun Inman&#8217;s pioneering use of Flash and JavaScript to replace short passages of HTML text with Flash movies of the same text set in a real font. The Flash movies are created on the fly. If JavaScript or images are turned off, the user &#8220;sees&#8221; the HTML text; text set in sIFR can also be copied and pasted. sIFR was a great initial solution to the problem of real fonts on the web, but it&#8217;s only for short passages (which means the rest of the page must still be set in Georgia or Verdana), and it fails if the user has a Flash block plug-in installed, as half of Firefox users seem to. It&#8217;s also always a pain to implement. I don&#8217;t know any designer or developer who has an easy time setting up sIFR. In short, while sIFR is an awesome stop-gap, real fonts on the web are still what&#8217;s needed. Which also leads us to&#8230;</p>
<h3><a href="http://cufon.shoqolate.com/generate/">Cufón &#8211; Fonts for the People</a></h3>
<p>Simo Kinnunen&#8217;s method of embedding fonts, regardless of whether or not a browser supports @font-face. </p>
<h3><a href="http://kilianvalkhof.com/2009/css-xhtml/combining-cufon-and-font-face/">Combining Cufón And @Font-Face</a></h3>
<p>Kilian Valkhof: &#8220;Everyone wants @font-face to work everywhere, but as it stands, it only works in Safari and the upcoming versions of Firefox and Opera. In this article I’ll show you how to use Cufón only if we can’t load the font through other, faster methods.&#8221;</p>
<h3><a href="http://blogs.adobe.com/typblography/2008/09/web_fonts_2.html">Adobe, Web Fonts, and EOT</a></h3>
<p>Why Adobe supports Microsoft&#8217;s EOT instead of @font-face.</p>
<h3><a href="http://blog.typekit.com/2009/05/27/introducing-typekit/">Introducing Typekit</a></h3>
<p>Update May 28, 2009: Working with Jason Santa Maria, Jeff Veen&#8217;s company Small Batch Inc. introduces Typekit:</p>
<blockquote>
<p>We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.</p>
</blockquote>
<h3>Read more</h3>
<ul>
<li><a href="/2009/07/20/web-fonts-html-5-roundup/">Web Fonts, HTML 5 Roundup</a>: Worthwhile reading on the hot new web font proposals, and on HTML 5/CSS 3 basics, plus a demo of advanced HTML 5 trickery. &#8212; 20 July 2009</li>
<li><a href="http://www.zeldman.com/2009/07/16/web-fonts-now-for-real/">Web Fonts Now, for real</a>: David Berlow of The Font Bureau has proposed a Permissions Table for OpenType that can be implemented immediately to turn raw fonts into web fonts without any wrappers or other nonsense. If adopted, it will enable type designers to license their work for web use, and web designers to create pages that use real fonts via the CSS @font-face standard. &#8212; 16 July 2009</li>
</ul>
<p><small>Tags: <a href="http://technorati.com/tag/fonts" rel="tag">fonts</a>, <a href="http://technorati.com/tag/webfonts" rel="tag"> webfonts</a>, <a href="http://technorati.com/tag/webdesign" rel="tag"> webdesign</a>, <a href="http://technorati.com/tag/embed" rel="tag"> embed</a>, <a href="http://technorati.com/tag/%40font-face" rel="tag"> @font-face</a>, <a href="http://technorati.com/tag/EOT" rel="tag"> EOT</a>, <a href="http://technorati.com/tag/wiki" rel="tag"> wiki</a>, <a href="http://technorati.com/tag/css" rel="tag"> css</a>, <a href="http://technorati.com/tag/layout" rel="tag"> layout</a>, <a href="http://technorati.com/tag/safari" rel="tag"> safari</a>, <a href="http://technorati.com/tag/opera" rel="tag"> opera</a>, <a href="http://technorati.com/tag/firefox" rel="tag"> firefox</a>, <a href="http://technorati.com/tag/chrome" rel="tag"> chrome</a>, <a href="http://technorati.com/tag/browsers" rel="tag"> browsers</a></small></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F23%2Fweb-fonts-now-how-were-doing-with-that%2F&amp;t=Web%20fonts%20now%20%28how%20we%27re%20doing%20with%20that%29&amp;s=Fonts%20you%20can%20legally%20embed%20in%20your%20website%20using%20the%20CSS%20standard%20%40font-face%20method.%20Why%20you%27d%20want%20to.%20State%20of%20the%20art." title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F23%2Fweb-fonts-now-how-were-doing-with-that%2F&amp;t=Web%20fonts%20now%20%28how%20we%27re%20doing%20with%20that%29" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F23%2Fweb-fonts-now-how-were-doing-with-that%2F&amp;title=Web%20fonts%20now%20%28how%20we%27re%20doing%20with%20that%29&amp;notes=Fonts%20you%20can%20legally%20embed%20in%20your%20website%20using%20the%20CSS%20standard%20%40font-face%20method.%20Why%20you%27d%20want%20to.%20State%20of%20the%20art." title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F23%2Fweb-fonts-now-how-were-doing-with-that%2F&amp;title=Web%20fonts%20now%20%28how%20we%27re%20doing%20with%20that%29&amp;bodytext=Fonts%20you%20can%20legally%20embed%20in%20your%20website%20using%20the%20CSS%20standard%20%40font-face%20method.%20Why%20you%27d%20want%20to.%20State%20of%20the%20art." title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Web%20fonts%20now%20%28how%20we%27re%20doing%20with%20that%29&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F23%2Fweb-fonts-now-how-were-doing-with-that%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F23%2Fweb-fonts-now-how-were-doing-with-that%2F&amp;title=Web%20fonts%20now%20%28how%20we%27re%20doing%20with%20that%29&amp;annotation=Fonts%20you%20can%20legally%20embed%20in%20your%20website%20using%20the%20CSS%20standard%20%40font-face%20method.%20Why%20you%27d%20want%20to.%20State%20of%20the%20art." title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F23%2Fweb-fonts-now-how-were-doing-with-that%2F&amp;h=Web%20fonts%20now%20%28how%20we%27re%20doing%20with%20that%29" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Web%20fonts%20now%20%28how%20we%27re%20doing%20with%20that%29&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F23%2Fweb-fonts-now-how-were-doing-with-that%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2009/05/23/web-fonts-now-how-were-doing-with-that/feed/</wfw:commentRss>
		<slash:comments>82</slash:comments>
		</item>
		<item>
		<title>Floats, clears, and color flashes</title>
		<link>http://www.zeldman.com/2009/05/22/floats-clears-and-color-flashes/</link>
		<comments>http://www.zeldman.com/2009/05/22/floats-clears-and-color-flashes/#comments</comments>
		<pubDate>Fri, 22 May 2009 18:01:26 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[zeldman.com]]></category>
		<category><![CDATA[clear]]></category>
		<category><![CDATA[float]]></category>
		<category><![CDATA[workarounds]]></category>

	<!-- AutoMeta Start -->
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=1147</guid>
		<description><![CDATA[Fixed orange background flash on redesign without resorting to ":after" clearing.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F22%2Ffloats-clears-and-color-flashes%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F22%2Ffloats-clears-and-color-flashes%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>After viewing <a href="http://www.zeldman.com/2009/05/20/redesign-template-finals/">this site&#8217;s redesign </a>in progress, <a href="http://www.zeldman.com/2009/05/20/redesign-template-finals/#comment-42546">Peter Petrus wrote</a>:</p>
<blockquote><p>
[Y]ou’re using footer to clear floats (content + sidebar). This creates a large drawback, because before footer is downloaded and displayed in the browser, parent wrapper lacks any background.</p>
<p>It means that we’re staring on black text / orange background combo for a few moments. Well, few moments now, but should you put any unresponsive widgets in the sidebar, everything can render much slower. Having main content flash like this isn’t very pleasant – especially when you named the redesign “Designing from the content out”.</p>
<p>Solution is very simple – use ‘:after’ clearing for the main wrapper. Sure, it won’t work on IE, but 1) setting width to wrapper sets hasLayout and triggers clearing 2) #footer is still there, in any case.</p>
</blockquote>
<p>I&#8217;d read about using &#8220;:after&#8221; clearing but hadn&#8217;t implemented it and thought I could solve the problem an easier way. This afternoon, with about five minutes&#8217; work, I did so.</p>
<p>I solved the orange background flash by moving the <a href="http://www.alistapart.com/articles/fauxcolumns/">faux column</a> background image up in the CSS hierarchy.</p>
<ul>
<li>In the <a href="http://www.zeldman.com/secret/z-bak.css">original CSS</a>, I used the faux column background image on the <code>wrapper</code> element only.</li>
<li>In the <a href="http://www.zeldman.com/secret/z.css">updated CSS</a>, I&#8217;ve now added the same background image to the <code>body</code> element as well.</li>
</ul>
<p>Doing so fixed the orange background flash problem, because the browser no longer has to wait for the footer to clear before showing the background image. </p>
<p>Compare <code>body</code> element on new <a href="http://www.zeldman.com/secret/z.css">z.css</a> and previous <a href="http://www.zeldman.com/secret/z-bak.css">z-bak.css</a>. (Likewise, compare <code>body</code> on <a href="http://www.zeldman.com/secret/alt.css">alt.css</a> and <a href="http://www.zeldman.com/secret/alt.css">alt-bak.css</a>.)</p>
<p><small>Tags: <a href="http://technorati.com/tag/css" rel="tag">css</a>, <a href="http://technorati.com/tag/workarounds" rel="tag"> workarounds</a>, <a href="http://technorati.com/tag/clear" rel="tag"> clear</a>, <a href="http://technorati.com/tag/float" rel="tag"> float</a></small></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F22%2Ffloats-clears-and-color-flashes%2F&amp;t=Floats%2C%20clears%2C%20and%20color%20flashes&amp;s=Fixed%20orange%20background%20flash%20on%20redesign%20without%20resorting%20to%20%22%3Aafter%22%20clearing." title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F22%2Ffloats-clears-and-color-flashes%2F&amp;t=Floats%2C%20clears%2C%20and%20color%20flashes" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F22%2Ffloats-clears-and-color-flashes%2F&amp;title=Floats%2C%20clears%2C%20and%20color%20flashes&amp;notes=Fixed%20orange%20background%20flash%20on%20redesign%20without%20resorting%20to%20%22%3Aafter%22%20clearing." title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F22%2Ffloats-clears-and-color-flashes%2F&amp;title=Floats%2C%20clears%2C%20and%20color%20flashes&amp;bodytext=Fixed%20orange%20background%20flash%20on%20redesign%20without%20resorting%20to%20%22%3Aafter%22%20clearing." title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Floats%2C%20clears%2C%20and%20color%20flashes&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F22%2Ffloats-clears-and-color-flashes%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F22%2Ffloats-clears-and-color-flashes%2F&amp;title=Floats%2C%20clears%2C%20and%20color%20flashes&amp;annotation=Fixed%20orange%20background%20flash%20on%20redesign%20without%20resorting%20to%20%22%3Aafter%22%20clearing." title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F22%2Ffloats-clears-and-color-flashes%2F&amp;h=Floats%2C%20clears%2C%20and%20color%20flashes" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Floats%2C%20clears%2C%20and%20color%20flashes&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F22%2Ffloats-clears-and-color-flashes%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2009/05/22/floats-clears-and-color-flashes/feed/</wfw:commentRss>
		<slash:comments>37</slash:comments>
		</item>
		<item>
		<title>A new answer to the IE6 question?</title>
		<link>http://www.zeldman.com/2009/05/21/a-new-answer-to-the-ie6-question/</link>
		<comments>http://www.zeldman.com/2009/05/21/a-new-answer-to-the-ie6-question/#comments</comments>
		<pubDate>Thu, 21 May 2009 10:37:27 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[DWWS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Standards]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[andyclarke]]></category>
		<category><![CDATA[hacks]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[legibility]]></category>
		<category><![CDATA[styles]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[workarounds]]></category>

	<!-- AutoMeta Start -->
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=1140</guid>
		<description><![CDATA[Andy Clarke proposes a novel approach to the problem of IE6.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F21%2Fa-new-answer-to-the-ie6-question%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F21%2Fa-new-answer-to-the-ie6-question%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>In &#8220;<a href="http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css/">Universal Internet Explorer 6 CSS</a>,&#8221; Andy Clarke proposes a novel approach to the problem that has vexed standards-based designers since time immemorial (or at least since we could quit worrying about Netscape 4).</p>
<p>The problem is IE6. Outdated but still widely used, especially in the developing world, its inaccurate and incomplete CSS support forces web designers and developers to spend expensive hours on workarounds ranging from hacks, to IE6-only styles served via conditional comments, to JavaScript. Some refuse to serve CSS to IE6 at all; others stop IE6 users at the gate. In some situations (personal site, web app used by first-world hipsters), ignoring IE6 may work; but mostly it doesn&#8217;t.</p>
<p>After a brief but thorough tour of current IE6 solutions and their limitations, Andy unveils his zinger. He proposes to serve IE6 users a set of universal styles completely unrelated to the design of the site in question. Not unlike Arc90&#8217;s awesome <a href="http://lab.arc90.com/experiments/readability/">Readability</a> plug-in, the styles Andy has designed concern themselves with typographic hierarchy and whitespace. Here&#8217;s the theory: make the page easy to read, make it obvious that somebody designed it, and the IE6 user will have a good experience. </p>
<p>(By contrast, block styles from IE6, as some developers suggest, and that user will have a bad experience. Most likely, in the absence of styles, the user will think the page is broken.)</p>
<p>No hammer fits all nails, and no solution, however elegant, will work for every situation. But if we&#8217;re open minded, Andy&#8217;s proposal may work in more situations than we at first suspect. Where it works, it&#8217;s what business folk call a &#8220;win, win:&#8221; the visitor has a good reading experience, and client and developer are spared tedium and expense.</p>
<p><a href="http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css/">Check it out</a>. </p>
<p><small>Tags: <a href="http://technorati.com/tag/IE6" rel="tag">IE6</a>, <a href="http://technorati.com/tag/workarounds" rel="tag"> workarounds</a>, <a href="http://technorati.com/tag/design" rel="tag"> design</a>, <a href="http://technorati.com/tag/development" rel="tag"> development</a>, <a href="http://technorati.com/tag/webdesign" rel="tag"> webdesign</a>, <a href="http://technorati.com/tag/hacks" rel="tag"> hacks</a>, <a href="http://technorati.com/tag/legibility" rel="tag"> legibility</a>, <a href="http://technorati.com/tag/styles" rel="tag"> styles</a>, <a href="http://technorati.com/tag/CSS" rel="tag"> CSS</a>, <a href="http://technorati.com/tag/andyclarke" rel="tag"> andyclarke</a></small></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F21%2Fa-new-answer-to-the-ie6-question%2F&amp;t=A%20new%20answer%20to%20the%20IE6%20question%3F&amp;s=Andy%20Clarke%20proposes%20a%20novel%20approach%20to%20the%20problem%20of%20IE6." title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F21%2Fa-new-answer-to-the-ie6-question%2F&amp;t=A%20new%20answer%20to%20the%20IE6%20question%3F" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F21%2Fa-new-answer-to-the-ie6-question%2F&amp;title=A%20new%20answer%20to%20the%20IE6%20question%3F&amp;notes=Andy%20Clarke%20proposes%20a%20novel%20approach%20to%20the%20problem%20of%20IE6." title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F21%2Fa-new-answer-to-the-ie6-question%2F&amp;title=A%20new%20answer%20to%20the%20IE6%20question%3F&amp;bodytext=Andy%20Clarke%20proposes%20a%20novel%20approach%20to%20the%20problem%20of%20IE6." title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=A%20new%20answer%20to%20the%20IE6%20question%3F&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F21%2Fa-new-answer-to-the-ie6-question%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F21%2Fa-new-answer-to-the-ie6-question%2F&amp;title=A%20new%20answer%20to%20the%20IE6%20question%3F&amp;annotation=Andy%20Clarke%20proposes%20a%20novel%20approach%20to%20the%20problem%20of%20IE6." title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F21%2Fa-new-answer-to-the-ie6-question%2F&amp;h=A%20new%20answer%20to%20the%20IE6%20question%3F" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=A%20new%20answer%20to%20the%20IE6%20question%3F&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F21%2Fa-new-answer-to-the-ie6-question%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2009/05/21/a-new-answer-to-the-ie6-question/feed/</wfw:commentRss>
		<slash:comments>55</slash:comments>
		</item>
		<item>
		<title>Redesign template finals</title>
		<link>http://www.zeldman.com/2009/05/20/redesign-template-finals/</link>
		<comments>http://www.zeldman.com/2009/05/20/redesign-template-finals/#comments</comments>
		<pubDate>Wed, 20 May 2009 14:29:54 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Redesigns]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Working]]></category>
		<category><![CDATA[Zeldman]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[zeldman.com]]></category>
		<category><![CDATA[designingfromthecontentout]]></category>
		<category><![CDATA[redesign]]></category>

	<!-- AutoMeta Start -->
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=1127</guid>
		<description><![CDATA[Two down.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F20%2Fredesign-template-finals%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F20%2Fredesign-template-finals%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<ul>
<li><a href="http://www.zeldman.com/secret/blogpost.php">Blog post template</a> final (with <a href="http://www.zeldman.com/secret/blogpost.php#footer">rotation in footer</a>)</li>
<li><a href="http://www.zeldman.com/secret/about.php">About page template</a> final (with <a href="http://www.zeldman.com/secret/about.php#footer">rotation in footer</a>)</li>
<li><a href="http://www.zeldman.com/secret/contact.php">Contact page template</a> final (with yadda, yadda)</li>
<li><a href="http://www.zeldman.com/secret/404.php">404 page</a> &#8211; my favorite!</li>
<li>New! 21 May <a href="http://www.zeldman.com/secret/subscribe.php">Subscribe</a> page</li>
<li>New! 21 May <a href="http://www.zeldman.com/secret/switch.php">Style switcher</a> in footer</li>
<li>New! 22 May <a href="http://www.zeldman.com/secret/wordpress.php">WordPress tout page</a></li>
<li>New! 22 May <a href="http://www.zeldman.com/secret/mediatemple.php">(mt) Media Temple tout page</a></li>
</ul>
<p>Note: Top left and top right footer elements rotate. ALA element (top middle) changes every two weeks, upon publication. Bottom three elements are static, at least for now.</p>
<p>Thanks to <a href="http://markhuot.com/">Mark Huot</a> for the rotation script (same one we use on <a href="http://www.happycog.com/">Happy Cog</a>) and <a href="http://jcksn.com/">Noel Jackson</a>, <a href="http://danielmall.com/">Daniel Mall</a>, and <a href="http://mediatemple.net/">Media Temple</a> for the love and support.</p>
<p>A couple more templates to go, and then we can build this thing. Can&#8217;t wait.</p>
<p><small>Tags: <a href="http://technorati.com/tag/zeldman" rel="tag">zeldman</a>, <a href="http://technorati.com/tag/zeldman.com" rel="tag"> zeldman.com</a>, <a href="http://technorati.com/tag/design" rel="tag"> design</a>, <a href="http://technorati.com/tag/redesign" rel="tag"> redesign</a>, <a href="http://technorati.com/tag/designingfromthecontentout" rel="tag"> designingfromthecontentout</a></small></p>
</ul>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F20%2Fredesign-template-finals%2F&amp;t=Redesign%20template%20finals&amp;s=Two%20down." title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F20%2Fredesign-template-finals%2F&amp;t=Redesign%20template%20finals" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F20%2Fredesign-template-finals%2F&amp;title=Redesign%20template%20finals&amp;notes=Two%20down." title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F20%2Fredesign-template-finals%2F&amp;title=Redesign%20template%20finals&amp;bodytext=Two%20down." title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Redesign%20template%20finals&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F20%2Fredesign-template-finals%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F20%2Fredesign-template-finals%2F&amp;title=Redesign%20template%20finals&amp;annotation=Two%20down." title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F20%2Fredesign-template-finals%2F&amp;h=Redesign%20template%20finals" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Redesign%20template%20finals&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F20%2Fredesign-template-finals%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2009/05/20/redesign-template-finals/feed/</wfw:commentRss>
		<slash:comments>37</slash:comments>
		</item>
		<item>
		<title>Orange you glad</title>
		<link>http://www.zeldman.com/2009/05/11/orange-you-glad/</link>
		<comments>http://www.zeldman.com/2009/05/11/orange-you-glad/#comments</comments>
		<pubDate>Mon, 11 May 2009 15:44:45 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Happy Cog™]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[Working]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[Zeldman]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[zeldman.com]]></category>
		<category><![CDATA[redesign]]></category>

	<!-- AutoMeta Start -->
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=1103</guid>
		<description><![CDATA[Working on the footer of the zeldman.com redesign.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F11%2Forange-you-glad%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F11%2Forange-you-glad%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>Working on the <a href="http://www.zeldman.com/secret/2.html#footer">footer</a> of <a href="http://www.zeldman.com/secret/2.html">zeldman.com redesign</a>. Once footer is done, going to adjust header and Twitter sidebar blip.</p>
<p><small>Tags: <a href="http://technorati.com/tag/zeldman" rel="tag">zeldman</a>, <a href="http://technorati.com/tag/zeldman.com" rel="tag"> zeldman.com</a>, <a href="http://technorati.com/tag/design" rel="tag"> design</a>, <a href="http://technorati.com/tag/redesign" rel="tag"> redesign</a>, <a href="http://technorati.com/tag/css" rel="tag"> css</a></small></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F11%2Forange-you-glad%2F&amp;t=Orange%20you%20glad&amp;s=Working%20on%20the%20footer%20of%20the%20zeldman.com%20redesign." title="Tumblr"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F11%2Forange-you-glad%2F&amp;t=Orange%20you%20glad" title="Facebook"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F11%2Forange-you-glad%2F&amp;title=Orange%20you%20glad&amp;notes=Working%20on%20the%20footer%20of%20the%20zeldman.com%20redesign." title="del.icio.us"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F11%2Forange-you-glad%2F&amp;title=Orange%20you%20glad&amp;bodytext=Working%20on%20the%20footer%20of%20the%20zeldman.com%20redesign." title="Digg"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Orange%20you%20glad&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F11%2Forange-you-glad%2F" title="FriendFeed"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F11%2Forange-you-glad%2F&amp;title=Orange%20you%20glad&amp;annotation=Working%20on%20the%20footer%20of%20the%20zeldman.com%20redesign." title="Google Bookmarks"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://www.newsvine.com/_tools/seed&amp;save?u=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F11%2Forange-you-glad%2F&amp;h=Orange%20you%20glad" title="NewsVine"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/newsvine.png" title="NewsVine" alt="NewsVine" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Orange%20you%20glad&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F05%2F11%2Forange-you-glad%2F" title="Slashdot"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.zeldman.com/feed/" title="RSS"><img src="http://www.zeldman.com/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zeldman.com/2009/05/11/orange-you-glad/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
	</channel>
</rss>
