<?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; Tools</title>
	<atom:link href="http://www.zeldman.com/category/tools/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zeldman.com</link>
	<description>Web design news and insights since 1995</description>
	<lastBuildDate>Thu, 18 Mar 2010 10:53:52 +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>Pixen: Bitmap Graphics in Style</title>
		<link>http://www.zeldman.com/2010/02/24/pixen-bitmap-graphics-in-style/</link>
		<comments>http://www.zeldman.com/2010/02/24/pixen-bitmap-graphics-in-style/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 03:46:34 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Tools]]></category>

	<!-- AutoMeta Start -->
	<category>pixen</category>
	<category>opensword</category>
	<category>posterous</category>
	<category>graphics</category>
	<category>artists—people</category>
	<category>arenas</category>
	<category>sprites</category>
	<category>agile</category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/2010/02/24/pixen-bitmap-graphics-in-style/</guid>
		<description><![CDATA[
			
				
			
		

via opensword.org

Pixen is an innovative graphics editor for the Mac. It&#8217;s designed from top to bottom for pixel artists—people who make low-resolution raster art like the sprites you see in old video games. But it&#8217;s great for artists of all arenas: Pixen is like a very powerful MSPaint or a simpler, more agile Photoshop. And [...]]]></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%2F24%2Fpixen-bitmap-graphics-in-style%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F24%2Fpixen-bitmap-graphics-in-style%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://opensword.org/pixen/"><img src="http://posterous.com/getfile/files.posterous.com/zeldman/crgCxAGkkDvItJAcuotuGIivabyoqezfGwjIxqmyngHrHzsivoBCrwfqrfBb/media_httpopenswordor_gzesd.png.scaled500.png" width="495" alt="" /></a></p>
<p class="intro">via <a href="http://opensword.org/pixen/">opensword.org</a></p>
<blockquote>
<p>Pixen is an innovative graphics editor for the Mac. It&#8217;s designed from top to bottom for pixel artists—people who make low-resolution raster art like the sprites you see in old video games. But it&#8217;s great for artists of all arenas: Pixen is like a very powerful MSPaint or a simpler, more agile Photoshop. And best of all, it&#8217;s Free! </p>
</blockquote>
<p><small style="font-size: 10px;">Posted via web from <a href="http://zeldman.posterous.com/pixen-bitmap-graphics-in-style">Does This Zeldman Make My Posterous Look Fat?</a></small></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%2F24%2Fpixen-bitmap-graphics-in-style%2F&amp;t=Pixen%3A%20Bitmap%20Graphics%20in%20Style&amp;s=%0D%0A%0D%0Avia%20opensword.org%20%0D%0A%0D%0A%0D%0A%0D%0APixen%20is%20an%20innovative%20graphics%20editor%20for%20the%20Mac.%20It%27s%20designed%20from%20top%20to%20bottom%20for%20pixel%20artists%E2%80%94people%20who%20make%20low-resolution%20raster%20art%20like%20the%20sprites%20you%20see%20in%20old%20video%20games.%20But%20it%27s%20great%20for%20artists%20o" 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%2F24%2Fpixen-bitmap-graphics-in-style%2F&amp;t=Pixen%3A%20Bitmap%20Graphics%20in%20Style" 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%2F24%2Fpixen-bitmap-graphics-in-style%2F&amp;title=Pixen%3A%20Bitmap%20Graphics%20in%20Style&amp;notes=%0D%0A%0D%0Avia%20opensword.org%20%0D%0A%0D%0A%0D%0A%0D%0APixen%20is%20an%20innovative%20graphics%20editor%20for%20the%20Mac.%20It%27s%20designed%20from%20top%20to%20bottom%20for%20pixel%20artists%E2%80%94people%20who%20make%20low-resolution%20raster%20art%20like%20the%20sprites%20you%20see%20in%20old%20video%20games.%20But%20it%27s%20great%20for%20artists%20o" 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%2F24%2Fpixen-bitmap-graphics-in-style%2F&amp;title=Pixen%3A%20Bitmap%20Graphics%20in%20Style&amp;bodytext=%0D%0A%0D%0Avia%20opensword.org%20%0D%0A%0D%0A%0D%0A%0D%0APixen%20is%20an%20innovative%20graphics%20editor%20for%20the%20Mac.%20It%27s%20designed%20from%20top%20to%20bottom%20for%20pixel%20artists%E2%80%94people%20who%20make%20low-resolution%20raster%20art%20like%20the%20sprites%20you%20see%20in%20old%20video%20games.%20But%20it%27s%20great%20for%20artists%20o" 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=Pixen%3A%20Bitmap%20Graphics%20in%20Style&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F24%2Fpixen-bitmap-graphics-in-style%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%2F24%2Fpixen-bitmap-graphics-in-style%2F&amp;title=Pixen%3A%20Bitmap%20Graphics%20in%20Style&amp;annotation=%0D%0A%0D%0Avia%20opensword.org%20%0D%0A%0D%0A%0D%0A%0D%0APixen%20is%20an%20innovative%20graphics%20editor%20for%20the%20Mac.%20It%27s%20designed%20from%20top%20to%20bottom%20for%20pixel%20artists%E2%80%94people%20who%20make%20low-resolution%20raster%20art%20like%20the%20sprites%20you%20see%20in%20old%20video%20games.%20But%20it%27s%20great%20for%20artists%20o" 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%2F24%2Fpixen-bitmap-graphics-in-style%2F&amp;h=Pixen%3A%20Bitmap%20Graphics%20in%20Style" 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=Pixen%3A%20Bitmap%20Graphics%20in%20Style&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F24%2Fpixen-bitmap-graphics-in-style%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/24/pixen-bitmap-graphics-in-style/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Tumblr v. Posterous</title>
		<link>http://www.zeldman.com/2010/02/24/why-tumblr-is-kicking-posterouss-ass/</link>
		<comments>http://www.zeldman.com/2010/02/24/why-tumblr-is-kicking-posterouss-ass/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 20:06:16 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Blogs and Blogging]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Publications]]></category>
		<category><![CDATA[Publishing]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[architecture]]></category>

	<!-- AutoMeta Start -->
	<category>posterous</category>
	<category>posterous</category>
	<category>kicking</category>
	<category>tumblr</category>
	<category>insider</category>
	<category>posted</category>
	<category>business</category>
	<category>make</category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/2010/02/24/why-tumblr-is-kicking-posterouss-ass/</guid>
		<description><![CDATA[
			
				
			
		

Business Insider: Why Tumblr Is Kicking Posterous&#8217;s Ass
Posted via web  from Does This Zeldman Make My Posterous Look Fat?





	
	
	
	
	
	
	
	
	


]]></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%2F24%2Fwhy-tumblr-is-kicking-posterouss-ass%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F24%2Fwhy-tumblr-is-kicking-posterouss-ass%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://posterous.com/getfile/files.posterous.com/zeldman/eFjsysfIrhgihtFuBJyajzIwfcetHjxnztmoIzCvEFvptbrHcdAmcaHgwHHh/media_httpstaticbusin_duvFG.png.scaled500.png" alt="" /></p>
<p>Business Insider: <a href="http://www.businessinsider.com/why-tumblr-is-kicking-posterous-ass-2010-1">Why Tumblr Is Kicking Posterous&#8217;s Ass</a></p>
<p><small>Posted via web  from <a href="http://zeldman.posterous.com/why-tumblr-is-kicking-posterouss-ass-14">Does This Zeldman Make My Posterous Look Fat?</a></small></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%2F24%2Fwhy-tumblr-is-kicking-posterouss-ass%2F&amp;t=Tumblr%20v.%20Posterous&amp;s=%0D%0A%0D%0ABusiness%20Insider%3A%20Why%20Tumblr%20Is%20Kicking%20Posterous%27s%20Ass%20%0D%0A%0D%0APosted%20via%20web%20%20from%20Does%20This%20Zeldman%20Make%20My%20Posterous%20Look%20Fat%3F%0D%0A%0D%0A" 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%2F24%2Fwhy-tumblr-is-kicking-posterouss-ass%2F&amp;t=Tumblr%20v.%20Posterous" 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%2F24%2Fwhy-tumblr-is-kicking-posterouss-ass%2F&amp;title=Tumblr%20v.%20Posterous&amp;notes=%0D%0A%0D%0ABusiness%20Insider%3A%20Why%20Tumblr%20Is%20Kicking%20Posterous%27s%20Ass%20%0D%0A%0D%0APosted%20via%20web%20%20from%20Does%20This%20Zeldman%20Make%20My%20Posterous%20Look%20Fat%3F%0D%0A%0D%0A" 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%2F24%2Fwhy-tumblr-is-kicking-posterouss-ass%2F&amp;title=Tumblr%20v.%20Posterous&amp;bodytext=%0D%0A%0D%0ABusiness%20Insider%3A%20Why%20Tumblr%20Is%20Kicking%20Posterous%27s%20Ass%20%0D%0A%0D%0APosted%20via%20web%20%20from%20Does%20This%20Zeldman%20Make%20My%20Posterous%20Look%20Fat%3F%0D%0A%0D%0A" 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=Tumblr%20v.%20Posterous&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F24%2Fwhy-tumblr-is-kicking-posterouss-ass%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%2F24%2Fwhy-tumblr-is-kicking-posterouss-ass%2F&amp;title=Tumblr%20v.%20Posterous&amp;annotation=%0D%0A%0D%0ABusiness%20Insider%3A%20Why%20Tumblr%20Is%20Kicking%20Posterous%27s%20Ass%20%0D%0A%0D%0APosted%20via%20web%20%20from%20Does%20This%20Zeldman%20Make%20My%20Posterous%20Look%20Fat%3F%0D%0A%0D%0A" 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%2F24%2Fwhy-tumblr-is-kicking-posterouss-ass%2F&amp;h=Tumblr%20v.%20Posterous" 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=Tumblr%20v.%20Posterous&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F24%2Fwhy-tumblr-is-kicking-posterouss-ass%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/24/why-tumblr-is-kicking-posterouss-ass/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Fold, Spindle</title>
		<link>http://www.zeldman.com/2010/02/23/a-list-apart-articles-accent-folding-for-auto-complete/</link>
		<comments>http://www.zeldman.com/2010/02/23/a-list-apart-articles-accent-folding-for-auto-complete/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 14:48:48 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[A List Apart]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Design]]></category>

	<!-- AutoMeta Start -->
	<category>accent</category>
	<category>folding</category>
	<category>auto</category>
	<category>bueno</category>
	<category>multilingual</category>
	<category>“internationalized”</category>
	<category>illustrate</category>
	<category>complete</category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/2010/02/23/a-list-apart-articles-accent-folding-for-auto-complete/</guid>
		<description><![CDATA[
			
				
			
		

Another generation of technology has passed and Unicode support is almost everywhere. The next step is to write software that is not just “internationalized” but truly multilingual. In this article we will skip through a bit of history and theory, then illustrate a neat hack called accent-folding. Accent-folding has its limitations but it can help [...]]]></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%2F23%2Fa-list-apart-articles-accent-folding-for-auto-complete%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F23%2Fa-list-apart-articles-accent-folding-for-auto-complete%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/articles/accent-folding-for-auto-complete/"><img src="/i/spankme.gif" class="inset" alt="" /></a></p>
<p class="intro"><span class="drop">A</span>nother generation of technology has passed and Unicode support is almost everywhere. The next step is to write software that is not just “internationalized” but truly multilingual. In this article we will skip through a bit of history and theory, then illustrate a neat hack called accent-folding. Accent-folding has its limitations but it can help make some important yet overlooked user interactions work better.</p>
<p><a href="http://www.alistapart.com/articles/accent-folding-for-auto-complete/">Accent Folding for Auto-Complete</a> by CARLOS BUENO in <cite>A List Apart</cite> Issue No. 301</p>
<p>Illustration: <a href="http://bearskinrug.co.uk/">Kevin Cornell</a> for <cite>A List Apart</cite></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%2F23%2Fa-list-apart-articles-accent-folding-for-auto-complete%2F&amp;t=Fold%2C%20Spindle&amp;s=%0D%0A%0D%0AAnother%20generation%20of%20technology%20has%20passed%20and%20Unicode%20support%20is%20almost%20everywhere.%20The%20next%20step%20is%20to%20write%20software%20that%20is%20not%20just%20%E2%80%9Cinternationalized%E2%80%9D%20but%20truly%20multilingual.%20In%20this%20article%20we%20will%20skip%20through%20a%20bit%20of%20history%20and%20th" 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%2F23%2Fa-list-apart-articles-accent-folding-for-auto-complete%2F&amp;t=Fold%2C%20Spindle" 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%2F23%2Fa-list-apart-articles-accent-folding-for-auto-complete%2F&amp;title=Fold%2C%20Spindle&amp;notes=%0D%0A%0D%0AAnother%20generation%20of%20technology%20has%20passed%20and%20Unicode%20support%20is%20almost%20everywhere.%20The%20next%20step%20is%20to%20write%20software%20that%20is%20not%20just%20%E2%80%9Cinternationalized%E2%80%9D%20but%20truly%20multilingual.%20In%20this%20article%20we%20will%20skip%20through%20a%20bit%20of%20history%20and%20th" 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%2F23%2Fa-list-apart-articles-accent-folding-for-auto-complete%2F&amp;title=Fold%2C%20Spindle&amp;bodytext=%0D%0A%0D%0AAnother%20generation%20of%20technology%20has%20passed%20and%20Unicode%20support%20is%20almost%20everywhere.%20The%20next%20step%20is%20to%20write%20software%20that%20is%20not%20just%20%E2%80%9Cinternationalized%E2%80%9D%20but%20truly%20multilingual.%20In%20this%20article%20we%20will%20skip%20through%20a%20bit%20of%20history%20and%20th" 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=Fold%2C%20Spindle&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F23%2Fa-list-apart-articles-accent-folding-for-auto-complete%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%2F23%2Fa-list-apart-articles-accent-folding-for-auto-complete%2F&amp;title=Fold%2C%20Spindle&amp;annotation=%0D%0A%0D%0AAnother%20generation%20of%20technology%20has%20passed%20and%20Unicode%20support%20is%20almost%20everywhere.%20The%20next%20step%20is%20to%20write%20software%20that%20is%20not%20just%20%E2%80%9Cinternationalized%E2%80%9D%20but%20truly%20multilingual.%20In%20this%20article%20we%20will%20skip%20through%20a%20bit%20of%20history%20and%20th" 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%2F23%2Fa-list-apart-articles-accent-folding-for-auto-complete%2F&amp;h=Fold%2C%20Spindle" 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=Fold%2C%20Spindle&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F23%2Fa-list-apart-articles-accent-folding-for-auto-complete%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/23/a-list-apart-articles-accent-folding-for-auto-complete/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>60+ Free WordPress Themes</title>
		<link>http://www.zeldman.com/2010/02/21/60-free-wordpress-themes/</link>
		<comments>http://www.zeldman.com/2010/02/21/60-free-wordpress-themes/#comments</comments>
		<pubDate>Sun, 21 Feb 2010 15:55:48 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Themes and Templates]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[webdesign]]></category>

	<!-- AutoMeta Start -->
	<category>posterous</category>
	<category>instantshift</category>
	<category>instantshift</category>
	<category>themes</category>
	<category>wordpress</category>
	<category>comerce</category>
	<category>cart</category>
	<category>parking</category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/2010/02/21/60-free-wordpress-themes/</guid>
		<description><![CDATA[
			
				
			
		

Via instantshift.com
Pulling the trigger just got easier. Now anyone can have a beautifully designed, standards-compliant WordPress site. The 60-plus recently created free WordPress themes (AKA template collections) listed by InstantShift&#8217;s Daniel Adams are categorized by function and style: &#8220;Clean and Minimal,&#8221; &#8220;Artistic and Fancy,&#8221; &#8220;Magazine Style,&#8221; &#8220;Portfolio Style,&#8221; &#8220;News and Social Media Style,&#8221; &#8220;Showcase and [...]]]></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%2F21%2F60-free-wordpress-themes%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F21%2F60-free-wordpress-themes%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.instantshift.com/2010/02/19/60-latest-high-quality-free-wordpress-themes/?utm_source=feedburner&amp;utm_medium=email&amp;utm_campaign=Feed%3A+iShift+%28instantShift%29#lhqfwt-01"><img src="http://posterous.com/getfile/files.posterous.com/zeldman/JtqebJyIycjHqFACAhjkylIbGAmhFAsjcEBBriBwgAFygftBeDoBiyzGrsDB/media_httpwwwinstants_blIfa.jpg.scaled500.jpg" alt="One of 60+ quality WordPress themes." width="495" /></a></p>
<p><small>Via <a href="http://www.instantshift.com/2010/02/19/60-latest-high-quality-free-wordpress-themes/?utm_source=feedburner&amp;utm_medium=email&amp;utm_campaign=Feed%3A+iShift+%28instantShift%29#lhqfwt-01">instantshift.com</a></small></p>
<p class="intro"><span class="drop">P</span>ulling the trigger just got easier. Now anyone can have a beautifully designed, standards-compliant WordPress site. The 60-plus recently created free WordPress themes (AKA template collections) listed by InstantShift&#8217;s Daniel Adams are categorized by function and style: &#8220;Clean and Minimal,&#8221; &#8220;Artistic and Fancy,&#8221; &#8220;Magazine Style,&#8221; &#8220;Portfolio Style,&#8221; &#8220;News and Social Media Style,&#8221; &#8220;Showcase and Galleries Style,&#8221; &#8220;E-Comerce and Shopping Cart Style,&#8221; &#8220;Domain Parking/Coming Soon Style,&#8221; and &#8220;Other.&#8221; Something for everyone.</p>
<p>Not everything here is a winner or will appeal to every taste, but there is plenty of great work to be had here. If WordPress is your CMS (it&#8217;s mine), even if you are a designer, you may ask yourself if you really need to perform that next site redesign from scratch.</p>
<p>Posted via the web from <a href="http://zeldman.posterous.com/60-free-wordpress-themes">Does This Zeldman Make My Posterous Look Fat?</a></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%2F02%2F21%2F60-free-wordpress-themes%2F&amp;t=60%2B%20Free%20WordPress%20Themes&amp;s=%0D%0A%0D%0AVia%20instantshift.com%0D%0A%0D%0APulling%20the%20trigger%20just%20got%20easier.%20Now%20anyone%20can%20have%20a%20beautifully%20designed%2C%20standards-compliant%20WordPress%20site.%20The%2060-plus%20recently%20created%20free%20WordPress%20themes%20%28AKA%20template%20collections%29%20listed%20by%20InstantShift%27s%20Da" 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%2F21%2F60-free-wordpress-themes%2F&amp;t=60%2B%20Free%20WordPress%20Themes" 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%2F21%2F60-free-wordpress-themes%2F&amp;title=60%2B%20Free%20WordPress%20Themes&amp;notes=%0D%0A%0D%0AVia%20instantshift.com%0D%0A%0D%0APulling%20the%20trigger%20just%20got%20easier.%20Now%20anyone%20can%20have%20a%20beautifully%20designed%2C%20standards-compliant%20WordPress%20site.%20The%2060-plus%20recently%20created%20free%20WordPress%20themes%20%28AKA%20template%20collections%29%20listed%20by%20InstantShift%27s%20Da" 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%2F21%2F60-free-wordpress-themes%2F&amp;title=60%2B%20Free%20WordPress%20Themes&amp;bodytext=%0D%0A%0D%0AVia%20instantshift.com%0D%0A%0D%0APulling%20the%20trigger%20just%20got%20easier.%20Now%20anyone%20can%20have%20a%20beautifully%20designed%2C%20standards-compliant%20WordPress%20site.%20The%2060-plus%20recently%20created%20free%20WordPress%20themes%20%28AKA%20template%20collections%29%20listed%20by%20InstantShift%27s%20Da" 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=60%2B%20Free%20WordPress%20Themes&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F21%2F60-free-wordpress-themes%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%2F21%2F60-free-wordpress-themes%2F&amp;title=60%2B%20Free%20WordPress%20Themes&amp;annotation=%0D%0A%0D%0AVia%20instantshift.com%0D%0A%0D%0APulling%20the%20trigger%20just%20got%20easier.%20Now%20anyone%20can%20have%20a%20beautifully%20designed%2C%20standards-compliant%20WordPress%20site.%20The%2060-plus%20recently%20created%20free%20WordPress%20themes%20%28AKA%20template%20collections%29%20listed%20by%20InstantShift%27s%20Da" 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%2F21%2F60-free-wordpress-themes%2F&amp;h=60%2B%20Free%20WordPress%20Themes" 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=60%2B%20Free%20WordPress%20Themes&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F21%2F60-free-wordpress-themes%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/21/60-free-wordpress-themes/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Wish I&#8217;d invented it</title>
		<link>http://www.zeldman.com/2010/02/11/wish-id-invented-it/</link>
		<comments>http://www.zeldman.com/2010/02/11/wish-id-invented-it/#comments</comments>
		<pubDate>Thu, 11 Feb 2010 21:19:39 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[The Profession]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[content]]></category>

	<!-- AutoMeta Start -->
	<category>readability</category>
	<category>invaluable</category>
	<category>roger</category>
	<category>ebert</category>
	<category>ebert</category>
	<category>signpost</category>
	<category>busiest</category>
	<category>cited</category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=3678</guid>
		<description><![CDATA[
			
				
			
		

Arc90 Lab&#8217;s Readability is a simple and essential tool that &#8220;makes reading on the web more enjoyable by removing the clutter around what you&#8217;re reading.&#8221;
Just choose your settings, install the bookmarklet in your browser&#8217;s toolbar, and enjoy content on even the busiest, most poorly-designed sites.
In the past, I&#8217;ve cited Readability as a signpost for designers [...]]]></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%2F11%2Fwish-id-invented-it%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F11%2Fwish-id-invented-it%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="/i/neon100.gif" alt="" class="inset" /></p>
<p class="intro"><span class="drop">A</span>rc90 Lab&#8217;s <a href="http://lab.arc90.com/experiments/readability/">Readability</a> is a simple and essential tool that &#8220;makes reading on the web more enjoyable by removing the clutter around what you&#8217;re reading.&#8221;</p>
<p>Just choose your settings, install the bookmarklet in your browser&#8217;s toolbar, and enjoy content on even the busiest, most poorly-designed sites.</p>
<p>In the past, I&#8217;ve cited Readability as a <a href="http://www.zeldman.com/2009/05/21/a-new-answer-to-the-ie6-question/">signpost for designers struggling with IE6</a>.</p>
<p>It&#8217;s also an invaluable aid to readers who use smart phones. </p>
<p>For instance, here is <a href="http://rogerebert.suntimes.com/apps/pbcs.dll/article?AID=/19930507/REVIEWS/305070303/1023">Roger Ebert&#8217;s review of Fellini&#8217;s 8 1/2</a>.</p>
<p>On a desktop browser, although it&#8217;s not an aesthetically pleasant experience, you can probably read it. On a small iPhone screen, you can&#8217;t. It&#8217;s a nightmare. It&#8217;s everything designers shouldn&#8217;t do when they have text by a good writer with an audience of eager readers. </p>
<p>So what&#8217;s a reader to do?</p>
<p>Without Readability, there&#8217;s nothing you can do, but sigh and close the browser window. With Readability, you can read and actually enjoy what Roger Ebert has to say.</p>
<p>Invaluable.</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%2F11%2Fwish-id-invented-it%2F&amp;t=Wish%20I%27d%20invented%20it&amp;s=%0D%0A%0D%0AArc90%20Lab%27s%20Readability%20is%20a%20simple%20and%20essential%20tool%20that%20%22makes%20reading%20on%20the%20web%20more%20enjoyable%20by%20removing%20the%20clutter%20around%20what%20you%27re%20reading.%22%0D%0A%0D%0AJust%20choose%20your%20settings%2C%20install%20the%20bookmarklet%20in%20your%20browser%27s%20toolbar%2C%20and%20enjoy%20c" 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%2F11%2Fwish-id-invented-it%2F&amp;t=Wish%20I%27d%20invented%20it" 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%2F11%2Fwish-id-invented-it%2F&amp;title=Wish%20I%27d%20invented%20it&amp;notes=%0D%0A%0D%0AArc90%20Lab%27s%20Readability%20is%20a%20simple%20and%20essential%20tool%20that%20%22makes%20reading%20on%20the%20web%20more%20enjoyable%20by%20removing%20the%20clutter%20around%20what%20you%27re%20reading.%22%0D%0A%0D%0AJust%20choose%20your%20settings%2C%20install%20the%20bookmarklet%20in%20your%20browser%27s%20toolbar%2C%20and%20enjoy%20c" 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%2F11%2Fwish-id-invented-it%2F&amp;title=Wish%20I%27d%20invented%20it&amp;bodytext=%0D%0A%0D%0AArc90%20Lab%27s%20Readability%20is%20a%20simple%20and%20essential%20tool%20that%20%22makes%20reading%20on%20the%20web%20more%20enjoyable%20by%20removing%20the%20clutter%20around%20what%20you%27re%20reading.%22%0D%0A%0D%0AJust%20choose%20your%20settings%2C%20install%20the%20bookmarklet%20in%20your%20browser%27s%20toolbar%2C%20and%20enjoy%20c" 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=Wish%20I%27d%20invented%20it&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F11%2Fwish-id-invented-it%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%2F11%2Fwish-id-invented-it%2F&amp;title=Wish%20I%27d%20invented%20it&amp;annotation=%0D%0A%0D%0AArc90%20Lab%27s%20Readability%20is%20a%20simple%20and%20essential%20tool%20that%20%22makes%20reading%20on%20the%20web%20more%20enjoyable%20by%20removing%20the%20clutter%20around%20what%20you%27re%20reading.%22%0D%0A%0D%0AJust%20choose%20your%20settings%2C%20install%20the%20bookmarklet%20in%20your%20browser%27s%20toolbar%2C%20and%20enjoy%20c" 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%2F11%2Fwish-id-invented-it%2F&amp;h=Wish%20I%27d%20invented%20it" 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=Wish%20I%27d%20invented%20it&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2010%2F02%2F11%2Fwish-id-invented-it%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/11/wish-id-invented-it/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Real Fonts and Rendering: The New Elephant in the Room</title>
		<link>http://www.zeldman.com/2009/12/21/real-fonts-and-rendering-the-new-elephant-in-the-room/</link>
		<comments>http://www.zeldman.com/2009/12/21/real-fonts-and-rendering-the-new-elephant-in-the-room/#comments</comments>
		<pubDate>Tue, 22 Dec 2009 00:40:56 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Standards]]></category>
		<category><![CDATA[State of the Web]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Design History]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[Zeldman]]></category>
		<category><![CDATA[spec]]></category>
		<category><![CDATA[webfonts]]></category>
		<category><![CDATA[webtype]]></category>
		<category><![CDATA[writing]]></category>

	<!-- AutoMeta Start -->
	<category></category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=3319</guid>
		<description><![CDATA[
			
				
			
		
My friend, the content strategist Kristina Halvorson, likes to call content “the elephant in the room” of web design. She means it’s the huge problem that no one on the web development team or client side is willing to acknowledge, face squarely, and plan for….
Without discounting the primacy of the content problem, we web design [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F12%2F21%2Freal-fonts-and-rendering-the-new-elephant-in-the-room%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F12%2F21%2Freal-fonts-and-rendering-the-new-elephant-in-the-room%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<blockquote><p>My friend, the content strategist Kristina Halvorson, likes to call content “the elephant in the room” of web design. She means it’s the huge problem that no one on the web development team or client side is willing to acknowledge, face squarely, and plan for….</p>
<p>Without discounting the primacy of the content problem, we web design folk have now birthed ourselves a second lumbering mammoth, thanks to our interest in “real fonts on the web“ (the unfortunate name we’ve chosen for the recent practice of serving web-licensed fonts via CSS’s decade-old @font-face declaration—as if Georgia, Verdana, and Times were somehow unreal).…</p>
<p>Put simply, even fonts optimized for web use (which is a whole thing: ask a type designer) will not look good in every browser and OS.</p></blockquote>
<p><img src="/i/blue100.gif" alt="Zeldman" class="inset" /></p>
<p>Jeffrey Zeldman, <a href="http://24ways.org/2009/real-fonts-and-rendering">Real Fonts and Rendering: The New Elephant in the Room</a><br />22 December, 2009<br /><cite>24 ways: The Advent Calendar for Web Developers</cite></p>
<hr />
<p><small>Short URL: <a href="http://www.zeldman.com/?p=3319">zeldman.com/?p=3319</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%2F12%2F21%2Freal-fonts-and-rendering-the-new-elephant-in-the-room%2F&amp;t=Real%20Fonts%20and%20Rendering%3A%20The%20New%20Elephant%20in%20the%20Room&amp;s=My%20friend%2C%20the%20content%20strategist%20Kristina%20Halvorson%2C%20likes%20to%20call%20content%20%E2%80%9Cthe%20elephant%20in%20the%20room%E2%80%9D%20of%20web%20design.%20She%20means%20it%E2%80%99s%20the%20huge%20problem%20that%20no%20one%20on%20the%20web%20development%20team%20or%20client%20side%20is%20willing%20to%20acknowledge%2C%20face%20squarel" 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%2F12%2F21%2Freal-fonts-and-rendering-the-new-elephant-in-the-room%2F&amp;t=Real%20Fonts%20and%20Rendering%3A%20The%20New%20Elephant%20in%20the%20Room" 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%2F12%2F21%2Freal-fonts-and-rendering-the-new-elephant-in-the-room%2F&amp;title=Real%20Fonts%20and%20Rendering%3A%20The%20New%20Elephant%20in%20the%20Room&amp;notes=My%20friend%2C%20the%20content%20strategist%20Kristina%20Halvorson%2C%20likes%20to%20call%20content%20%E2%80%9Cthe%20elephant%20in%20the%20room%E2%80%9D%20of%20web%20design.%20She%20means%20it%E2%80%99s%20the%20huge%20problem%20that%20no%20one%20on%20the%20web%20development%20team%20or%20client%20side%20is%20willing%20to%20acknowledge%2C%20face%20squarel" 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%2F12%2F21%2Freal-fonts-and-rendering-the-new-elephant-in-the-room%2F&amp;title=Real%20Fonts%20and%20Rendering%3A%20The%20New%20Elephant%20in%20the%20Room&amp;bodytext=My%20friend%2C%20the%20content%20strategist%20Kristina%20Halvorson%2C%20likes%20to%20call%20content%20%E2%80%9Cthe%20elephant%20in%20the%20room%E2%80%9D%20of%20web%20design.%20She%20means%20it%E2%80%99s%20the%20huge%20problem%20that%20no%20one%20on%20the%20web%20development%20team%20or%20client%20side%20is%20willing%20to%20acknowledge%2C%20face%20squarel" 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=Real%20Fonts%20and%20Rendering%3A%20The%20New%20Elephant%20in%20the%20Room&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F12%2F21%2Freal-fonts-and-rendering-the-new-elephant-in-the-room%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%2F12%2F21%2Freal-fonts-and-rendering-the-new-elephant-in-the-room%2F&amp;title=Real%20Fonts%20and%20Rendering%3A%20The%20New%20Elephant%20in%20the%20Room&amp;annotation=My%20friend%2C%20the%20content%20strategist%20Kristina%20Halvorson%2C%20likes%20to%20call%20content%20%E2%80%9Cthe%20elephant%20in%20the%20room%E2%80%9D%20of%20web%20design.%20She%20means%20it%E2%80%99s%20the%20huge%20problem%20that%20no%20one%20on%20the%20web%20development%20team%20or%20client%20side%20is%20willing%20to%20acknowledge%2C%20face%20squarel" 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%2F12%2F21%2Freal-fonts-and-rendering-the-new-elephant-in-the-room%2F&amp;h=Real%20Fonts%20and%20Rendering%3A%20The%20New%20Elephant%20in%20the%20Room" 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=Real%20Fonts%20and%20Rendering%3A%20The%20New%20Elephant%20in%20the%20Room&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F12%2F21%2Freal-fonts-and-rendering-the-new-elephant-in-the-room%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/12/21/real-fonts-and-rendering-the-new-elephant-in-the-room/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Fab Font Favelet</title>
		<link>http://www.zeldman.com/2009/12/18/fab-font-favelet/</link>
		<comments>http://www.zeldman.com/2009/12/18/fab-font-favelet/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 04:44:51 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[webfonts]]></category>
		<category><![CDATA[webtype]]></category>
		<category><![CDATA[widgets]]></category>

	<!-- AutoMeta Start -->
	<category></category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=3303</guid>
		<description><![CDATA[
			
				
			
		
This is a bookmarklet made for web designers who want to rapidly check how different fonts and font styles look on their screen without editing code and refreshing pages. 

Download the amazing and oh-so-practical Soma FontFriend bookmarklet. 




	
	
	
	
	
	
	
	
	


]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F12%2F18%2Ffab-font-favelet%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F12%2F18%2Ffab-font-favelet%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<blockquote><p>This is a bookmarklet made for web designers who want to rapidly check how different fonts and font styles look on their screen without editing code and refreshing pages. 
</p></blockquote>
<p>Download the amazing and oh-so-practical <a href="http://somadesign.ca/projects/fontfriend/">Soma FontFriend</a> bookmarklet. </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%2F12%2F18%2Ffab-font-favelet%2F&amp;t=Fab%20Font%20Favelet&amp;s=This%20is%20a%20bookmarklet%20made%20for%20web%20designers%20who%20want%20to%20rapidly%20check%20how%20different%20fonts%20and%20font%20styles%20look%20on%20their%20screen%20without%20editing%20code%20and%20refreshing%20pages.%C2%A0%0D%0A%0D%0A%0D%0A%0D%0ADownload%20the%20amazing%20and%20oh-so-practical%20Soma%20FontFriend%20bookmarklet.%20" 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%2F12%2F18%2Ffab-font-favelet%2F&amp;t=Fab%20Font%20Favelet" 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%2F12%2F18%2Ffab-font-favelet%2F&amp;title=Fab%20Font%20Favelet&amp;notes=This%20is%20a%20bookmarklet%20made%20for%20web%20designers%20who%20want%20to%20rapidly%20check%20how%20different%20fonts%20and%20font%20styles%20look%20on%20their%20screen%20without%20editing%20code%20and%20refreshing%20pages.%C2%A0%0D%0A%0D%0A%0D%0A%0D%0ADownload%20the%20amazing%20and%20oh-so-practical%20Soma%20FontFriend%20bookmarklet.%20" 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%2F12%2F18%2Ffab-font-favelet%2F&amp;title=Fab%20Font%20Favelet&amp;bodytext=This%20is%20a%20bookmarklet%20made%20for%20web%20designers%20who%20want%20to%20rapidly%20check%20how%20different%20fonts%20and%20font%20styles%20look%20on%20their%20screen%20without%20editing%20code%20and%20refreshing%20pages.%C2%A0%0D%0A%0D%0A%0D%0A%0D%0ADownload%20the%20amazing%20and%20oh-so-practical%20Soma%20FontFriend%20bookmarklet.%20" 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=Fab%20Font%20Favelet&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F12%2F18%2Ffab-font-favelet%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%2F12%2F18%2Ffab-font-favelet%2F&amp;title=Fab%20Font%20Favelet&amp;annotation=This%20is%20a%20bookmarklet%20made%20for%20web%20designers%20who%20want%20to%20rapidly%20check%20how%20different%20fonts%20and%20font%20styles%20look%20on%20their%20screen%20without%20editing%20code%20and%20refreshing%20pages.%C2%A0%0D%0A%0D%0A%0D%0A%0D%0ADownload%20the%20amazing%20and%20oh-so-practical%20Soma%20FontFriend%20bookmarklet.%20" 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%2F12%2F18%2Ffab-font-favelet%2F&amp;h=Fab%20Font%20Favelet" 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=Fab%20Font%20Favelet&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F12%2F18%2Ffab-font-favelet%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/12/18/fab-font-favelet/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Get Real With Real Fonts</title>
		<link>http://www.zeldman.com/2009/11/17/get-real-with-real-fonts/</link>
		<comments>http://www.zeldman.com/2009/11/17/get-real-with-real-fonts/#comments</comments>
		<pubDate>Tue, 17 Nov 2009 11:04:10 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[A List Apart]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Formats]]></category>
		<category><![CDATA[Jason Santa Maria]]></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 Type Day]]></category>
		<category><![CDATA[industry]]></category>
		<category><![CDATA[webfonts]]></category>
		<category><![CDATA[webtype]]></category>

	<!-- AutoMeta Start -->
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=2979</guid>
		<description><![CDATA[
			
				
			
		

Web fonts are here. Now what? In Issue No. 296 of A List Apart for people who make websites, Nice Web Type&#8217;s Tim Brown debuts Web Font Specimen, a handy, free resource to see how real fonts really look on the web; and Jason Santa Maria discourses on web type, showing how to avoid using [...]]]></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%2F17%2Fget-real-with-real-fonts%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F17%2Fget-real-with-real-fonts%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/296"><img class="inset" src="/i/alalogo.gif" alt="A List Apart, for people who make websites." /></a></p>
<p class="intro"><span class="drop">W</span>eb fonts are here. Now what? In <a href="http://www.alistapart.com/issues/296">Issue No. 296</a> of <cite>A List Apart</cite> for people who make websites, Nice Web Type&#8217;s <a href="http://www.alistapart.com/articles/real-web-type-in-real-web-context">Tim Brown debuts Web Font Specimen</a>, a handy, free resource to see how real fonts really look on the web; and <a href="http://www.alistapart.com/articles/on-web-typography">Jason Santa Maria discourses on web type</a>, showing how to avoid using fonts that don&#8217;t work on the web, and achieve graceful pairings of fonts that do.</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%2F17%2Fget-real-with-real-fonts%2F&amp;t=Get%20Real%20With%20Real%20Fonts&amp;s=%0D%0A%0D%0AWeb%20fonts%20are%20here.%20Now%20what%3F%20In%20Issue%20No.%20296%20of%20A%20List%20Apart%20for%20people%20who%20make%20websites%2C%20Nice%20Web%20Type%27s%20Tim%20Brown%20debuts%20Web%20Font%20Specimen%2C%20a%20handy%2C%20free%20resource%20to%20see%20how%20real%20fonts%20really%20look%20on%20the%20web%3B%20and%20Jason%20Santa%20Maria%20discourses" 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%2F17%2Fget-real-with-real-fonts%2F&amp;t=Get%20Real%20With%20Real%20Fonts" 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%2F17%2Fget-real-with-real-fonts%2F&amp;title=Get%20Real%20With%20Real%20Fonts&amp;notes=%0D%0A%0D%0AWeb%20fonts%20are%20here.%20Now%20what%3F%20In%20Issue%20No.%20296%20of%20A%20List%20Apart%20for%20people%20who%20make%20websites%2C%20Nice%20Web%20Type%27s%20Tim%20Brown%20debuts%20Web%20Font%20Specimen%2C%20a%20handy%2C%20free%20resource%20to%20see%20how%20real%20fonts%20really%20look%20on%20the%20web%3B%20and%20Jason%20Santa%20Maria%20discourses" 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%2F17%2Fget-real-with-real-fonts%2F&amp;title=Get%20Real%20With%20Real%20Fonts&amp;bodytext=%0D%0A%0D%0AWeb%20fonts%20are%20here.%20Now%20what%3F%20In%20Issue%20No.%20296%20of%20A%20List%20Apart%20for%20people%20who%20make%20websites%2C%20Nice%20Web%20Type%27s%20Tim%20Brown%20debuts%20Web%20Font%20Specimen%2C%20a%20handy%2C%20free%20resource%20to%20see%20how%20real%20fonts%20really%20look%20on%20the%20web%3B%20and%20Jason%20Santa%20Maria%20discourses" 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=Get%20Real%20With%20Real%20Fonts&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F17%2Fget-real-with-real-fonts%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%2F17%2Fget-real-with-real-fonts%2F&amp;title=Get%20Real%20With%20Real%20Fonts&amp;annotation=%0D%0A%0D%0AWeb%20fonts%20are%20here.%20Now%20what%3F%20In%20Issue%20No.%20296%20of%20A%20List%20Apart%20for%20people%20who%20make%20websites%2C%20Nice%20Web%20Type%27s%20Tim%20Brown%20debuts%20Web%20Font%20Specimen%2C%20a%20handy%2C%20free%20resource%20to%20see%20how%20real%20fonts%20really%20look%20on%20the%20web%3B%20and%20Jason%20Santa%20Maria%20discourses" 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%2F17%2Fget-real-with-real-fonts%2F&amp;h=Get%20Real%20With%20Real%20Fonts" 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=Get%20Real%20With%20Real%20Fonts&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F11%2F17%2Fget-real-with-real-fonts%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/17/get-real-with-real-fonts/feed/</wfw:commentRss>
		<slash:comments>5</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>Sour Outlook</title>
		<link>http://www.zeldman.com/2009/06/24/sour-outlook/</link>
		<comments>http://www.zeldman.com/2009/06/24/sour-outlook/#comments</comments>
		<pubDate>Wed, 24 Jun 2009 22:03:32 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Compatibility]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Markup]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Standards]]></category>
		<category><![CDATA[State of the Web]]></category>
		<category><![CDATA[The Profession]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[Working]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[spec]]></category>
		<category><![CDATA[style]]></category>

	<!-- AutoMeta Start -->
	<category></category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=1435</guid>
		<description><![CDATA[Participate in the Outlook's Broken project. All it takes is a tweet.]]></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%2F24%2Fsour-outlook%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F24%2Fsour-outlook%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p class="intro"><span class="drop">I</span>t&#8217;s outrageous that the CSS standard created in 1996 is not  properly supported in Outlook 2010. Let&#8217;s do something about it.</p>
<p><img src="/secret/hat.gif" alt="" class="inset" /></p>
<p>Hundreds of millions use Microsoft Internet Explorer to access the web, and Microsoft Outlook to send and receive email. As everyone reading this knows, the good news is that in IE8, Microsoft has released a browser that supports web standards at a high level. The shockingly bad news is that Microsoft is still using the Word rendering engine to display HTML email in Outlook 2010. </p>
<p>What does this mean for web designers, developers, and users? In the words of the &#8220;<a href="http://fixoutlook.org/">Let&#8217;s Fix It</a>&#8221; project created by the Email Standards Project, Campaign Monitor, and Newism, it means exactly this:</p>
<blockquote><p>[F]or the next 5 years your email designs will need tables for layout, have no support for CSS like float and position, no background images and lots more. Want proof? Here’s the <a href="http://www.flickr.com/photos/freshview/3637814200/">same email in Outlook 2000 &#038; 2010.</a></p></blockquote>
<p>It&#8217;s difficult to believe that in 2009, after diligently improving standards support in IE7 and now IE8, Microsoft would force email designers to use nonsemantic table layout techniques that fractured the web, squandered bandwidth, and made a joke of accessibility <em>back in the 1990s.</em></p>
<h3>Accounting for stupidity</h3>
<p>For a company that claims to believe in innovation and standards, and has spent five years redeeming itself in the web standards community, the decision to use the non-standards-compliant, decades-old Word rendering engine in the mail program that accompanies its shiny standards-compliant browser makes no sense from any angle. It&#8217;s not good for users, not good for business, not good for designers. It&#8217;s not logical, not on-brand, and the very opposite of a PR win. </p>
<p>Rumor has it that Microsoft chose the Word rendering engine because its Outlook division &#8220;couldn&#8217;t afford&#8221; to pay its browser division for IE8. And by &#8220;couldn&#8217;t afford&#8221; I don&#8217;t mean Microsoft has no money; I mean someone at this fabulously wealthy corporation must have neglected to budget for an internal cost. Big companies love these fictions where one part of the company &#8220;pays&#8221; another, and accountants love this stuff as well, for reasons that make Jesus cry out anew.</p>
<p>But if the rumor&#8217;s right, and if the Outlook division couldn&#8217;t afford to license the IE8 rendering engine, there are two very simple solutions: use Webkit or Gecko. They&#8217;re both free, and they both kick ass.</p>
<h3>Why it matters</h3>
<p>You may hope that this bone-headed decision will push millions of people into the warm embrace of Opera, Safari, Chrome, and Firefox, but it probably won&#8217;t. Most people, especially most working people, don&#8217;t have a choice about their operating system or browser. Ditto their corporate email platform. </p>
<p>Likewise, most web designers, whether in-house, agency, or freelance, are perpetually called upon to create HTML emails for opt-in customers. As Outlook&#8217;s Word rendering engine doesn&#8217;t support the most basic CSS layout tools such as <code>float</code>, designers cannot use our hard-won standards-based layout tools in the creation of these mails—unless they and their employers are willing to send broken messages to tens millions of Outlook users. No employer, of course, would sanction such a strategy. And this is precisely how self-serving decisions by Microsoft profoundly retard the adoption of standards on the web. Even when one Microsoft division has embraced standards, actions by another division ensure that millions of customers will have substandard experiences and hundreds of thousands of developers still won&#8217;t get the message that our medium has standards which can be used today.</p>
<p>So it&#8217;s up to us, the community, to let Microsoft know how we feel.</p>
<p>Participate in the <a href="http://fixoutlook.org/">Outlook&#8217;s Broken project</a>. All it takes is a tweet.</p>
<p><small>Tags: <a href="http://technorati.com/tag/browsers" rel="tag">browsers</a>, <a href="http://technorati.com/tag/bugs" rel="tag"> bugs</a>, <a href="http://technorati.com/tag/IE8" rel="tag"> IE8</a>, <a href="http://technorati.com/tag/outlook" rel="tag"> outlook</a>, <a href="http://technorati.com/tag/microsoft" rel="tag"> microsoft</a>, <a href="http://technorati.com/tag/iranelection" rel="tag"> iranelection</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%2F24%2Fsour-outlook%2F&amp;t=Sour%20Outlook&amp;s=Participate%20in%20the%20Outlook%27s%20Broken%20project.%20All%20it%20takes%20is%20a%20tweet." 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%2F24%2Fsour-outlook%2F&amp;t=Sour%20Outlook" 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%2F24%2Fsour-outlook%2F&amp;title=Sour%20Outlook&amp;notes=Participate%20in%20the%20Outlook%27s%20Broken%20project.%20All%20it%20takes%20is%20a%20tweet." 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%2F24%2Fsour-outlook%2F&amp;title=Sour%20Outlook&amp;bodytext=Participate%20in%20the%20Outlook%27s%20Broken%20project.%20All%20it%20takes%20is%20a%20tweet." 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=Sour%20Outlook&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F24%2Fsour-outlook%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%2F24%2Fsour-outlook%2F&amp;title=Sour%20Outlook&amp;annotation=Participate%20in%20the%20Outlook%27s%20Broken%20project.%20All%20it%20takes%20is%20a%20tweet." 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%2F24%2Fsour-outlook%2F&amp;h=Sour%20Outlook" 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=Sour%20Outlook&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F06%2F24%2Fsour-outlook%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/24/sour-outlook/feed/</wfw:commentRss>
		<slash:comments>93</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>&#8220;Taking Your Talent to the Web&#8221; is now a free downloadable book</title>
		<link>http://www.zeldman.com/2009/04/16/taking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom/</link>
		<comments>http://www.zeldman.com/2009/04/16/taking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 16:58:58 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Community]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Happy Cog™]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Information architecture]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Publications]]></category>
		<category><![CDATA[Publishing]]></category>
		<category><![CDATA[State of the Web]]></category>
		<category><![CDATA[The Profession]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[Working]]></category>
		<category><![CDATA[Zeldman]]></category>
		<category><![CDATA[art direction]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[downloads]]></category>
		<category><![CDATA[industry]]></category>
		<category><![CDATA[jobs]]></category>
		<category><![CDATA[reprints]]></category>
		<category><![CDATA[writing]]></category>
		<category><![CDATA[artdirection]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[instruction]]></category>
		<category><![CDATA[jeffreyzeldman]]></category>
		<category><![CDATA[printtoweb]]></category>
		<category><![CDATA[takingyourtalenttotheweb]]></category>
		<category><![CDATA[TYTTTW]]></category>
		<category><![CDATA[webdesign]]></category>

	<!-- AutoMeta Start -->
	<category></category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=986</guid>
		<description><![CDATA["Taking Your Talent to the Web" is now a free downloadable book from zeldman.com.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F04%2F16%2Ftaking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F04%2F16%2Ftaking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p class="intro"><a href="http://www.amazon.com/exec/obidos/ASIN/0735710732/jeffreyzeldmanprA/"><span class="drop">R</span>ated Five Stars</a> at Amazon.com since the day it was published, &#8220;<a href="/talent/Taking_Your_Talent_to_the_Web.pdf">Taking Your Talent to the Web</a>&#8221; is now a free downloadable book from zeldman.com:</p>
<ul>
<li><a href="/talent/0735710732.cover.tif">Download the front cover</a>! (TIFF image, 1.8 MB)</li>
<li><a href="/talent/Taking_Your_Talent_to_the_Web.pdf">Download the book</a>! (PDF, book galley, 9.5 MB)</li>
</ul>
<p>I wrote this book in 2001 for print designers whose clients want websites, print art directors who’d like to move into full–time web and interaction design, homepage creators who are ready to turn pro, and professionals who seek to deepen their web skills and understanding.</p>
<p>Here we are in 2009, and print designers and art directors are scrambling to move into web and interaction design.</p>
<p>The dot-com crash killed this book. Now it lives again. While browser references and modem speeds may reek of 2001, much of the advice about transitioning to the web still holds true. </p>
<p>It&#8217;s yours. Enjoy.</p>
<h3>Update &#8211; now with bookmarks</h3>
<p>Attention, K-Mart shoppers. The PDF now includes proper Acrobat bookmarks, courtesy of <a href="http://MillionDollarCu.be/">Robert Black</a>. Thanks, Robert!</p>
<p><small>Tags: <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/TYTTTW" rel="tag"> TYTTTW</a>, <a href="http://technorati.com/tag/takingyourtalenttotheweb" rel="tag"> takingyourtalenttotheweb</a>, <a href="http://technorati.com/tag/zeldman" rel="tag"> zeldman</a>, <a href="http://technorati.com/tag/jeffreyzeldman" rel="tag"> jeffreyzeldman</a>, <a href="http://technorati.com/tag/book" rel="tag"> book</a>, <a href="http://technorati.com/tag/instruction" rel="tag"> instruction</a>, <a href="http://technorati.com/tag/artdirection" rel="tag"> artdirection</a>, <a href="http://technorati.com/tag/printtoweb" rel="tag"> printtoweb</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%2F04%2F16%2Ftaking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom%2F&amp;t=%22Taking%20Your%20Talent%20to%20the%20Web%22%20is%20now%20a%20free%20downloadable%20book&amp;s=%22Taking%20Your%20Talent%20to%20the%20Web%22%20is%20now%20a%20free%20downloadable%20book%20from%20zeldman.com." 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%2F04%2F16%2Ftaking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom%2F&amp;t=%22Taking%20Your%20Talent%20to%20the%20Web%22%20is%20now%20a%20free%20downloadable%20book" 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%2F04%2F16%2Ftaking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom%2F&amp;title=%22Taking%20Your%20Talent%20to%20the%20Web%22%20is%20now%20a%20free%20downloadable%20book&amp;notes=%22Taking%20Your%20Talent%20to%20the%20Web%22%20is%20now%20a%20free%20downloadable%20book%20from%20zeldman.com." 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%2F04%2F16%2Ftaking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom%2F&amp;title=%22Taking%20Your%20Talent%20to%20the%20Web%22%20is%20now%20a%20free%20downloadable%20book&amp;bodytext=%22Taking%20Your%20Talent%20to%20the%20Web%22%20is%20now%20a%20free%20downloadable%20book%20from%20zeldman.com." 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=%22Taking%20Your%20Talent%20to%20the%20Web%22%20is%20now%20a%20free%20downloadable%20book&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F04%2F16%2Ftaking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom%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%2F04%2F16%2Ftaking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom%2F&amp;title=%22Taking%20Your%20Talent%20to%20the%20Web%22%20is%20now%20a%20free%20downloadable%20book&amp;annotation=%22Taking%20Your%20Talent%20to%20the%20Web%22%20is%20now%20a%20free%20downloadable%20book%20from%20zeldman.com." 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%2F04%2F16%2Ftaking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom%2F&amp;h=%22Taking%20Your%20Talent%20to%20the%20Web%22%20is%20now%20a%20free%20downloadable%20book" 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=%22Taking%20Your%20Talent%20to%20the%20Web%22%20is%20now%20a%20free%20downloadable%20book&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F04%2F16%2Ftaking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom%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/04/16/taking-your-talent-to-the-web-is-now-a-free-downloadable-book-from-zeldmancom/feed/</wfw:commentRss>
		<slash:comments>150</slash:comments>
		</item>
		<item>
		<title>Jeffrey Zeldman&#8217;s Web Standards Advisor</title>
		<link>http://www.zeldman.com/2009/01/12/jeffrey-zeldmans-web-standards-advisor/</link>
		<comments>http://www.zeldman.com/2009/01/12/jeffrey-zeldmans-web-standards-advisor/#comments</comments>
		<pubDate>Mon, 12 Jan 2009 14:53:28 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[advisor]]></category>
		<category><![CDATA[assistant]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[helper]]></category>
		<category><![CDATA[Markup]]></category>
		<category><![CDATA[WebAssist]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[Zeldman]]></category>

	<!-- AutoMeta Start -->
	<category>birthday</category>
	<category>launched</category>
	<category>today</category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=451</guid>
		<description><![CDATA[Newly launched Dreamweaver Extension validates HTML, CSS, and microformats and checks for subtleties of standards compliance in nine different areas—everything from structural use of headings to proper ID, class and &#60;div&#62; tag use.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F01%2F12%2Fjeffrey-zeldmans-web-standards-advisor%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F01%2F12%2Fjeffrey-zeldmans-web-standards-advisor%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>Launched today (my birthday), <a href="http://www.webassist.com/professional/products/productdetails.asp?PID=255&amp;WAAID=889">Jeffrey Zeldman&#8217;s Web Standards Advisor</a> is a $49.99 extension for Adobe Dreamweaver. It includes two major interfaces:</p>
<ol>
<li>The Web Validator validates your HTML and CSS and verifies the proper use of microformats, including <a href="http://microformats.org/wiki/hcard">hCard</a> and <a href="http://microformats.org/wiki/hcalendar">hCalendar</a>, for single pages or entire websites. </li>
<li>The Web Standards Advisor checks for subtleties of standards compliance in nine different areas—everything from structural use of headings to proper <code>ID</code>, class, and <code>&lt;div&gt;</code> element use. Nonstandard practices are flagged and reported in the Dreamweaver Results panel for quick code correction. A full report with more details and suggested fixes is also generated.</li>
</ol>
<h3>How did it get here?</h3>
<p>Over coffee in <a href="http://www.flickr.com/groups/aeanola08/pool/">New Orleans</a> last year, WebAssist&#8217;s Joseph Lowery and I chatted about a fantasy product that could improve the markup of even the most experienced front-end coder. The benefits were obvious. After all, better markup means lighter, faster web pages whose content is easier for search engines (and thus people) to find.</p>
<p>The product would look over your shoulder and notice things. </p>
<ul>
<li>If you were using a class when you might be better off using an <code>ID</code> (and vice-versa), the fantasy product would cough gently and tell you.</li>
<li>If you skipped a heading level—say, if you had h4s and h6s but no h5 on your site—it would discreetly whisper in your ear.</li>
<li>If, on an old site (or sadly, on a new one) you used class names that were visual instead of semantic (i.e. class=&#8221;big_yellow_box&#8221; instead of class=&#8221;additional_info&#8221;), it would quietly let you know about it.</li>
</ul>
<p>To me, this was a fantasy product, because so many of these things seem to require human judgement. I didn&#8217;t think programmers could develop algorithms capable of simulating that level of judgement. Joseph Lowery took my doubt as a challenge.</p>
<p>A year of collaborative back-and-forth later, Jeffrey Zeldman&#8217;s Web Standards Advisor is a  working 1.0 product.</p>
<h3>How good is it?</h3>
<p>I ran Jeffrey Zeldman&#8217;s Web Standards Advisor on the four-year-old markup of this site&#8217;s current blog layout, and discovered embarrassing mistakes that don&#8217;t show up on validators. (I haven&#8217;t fixed those mistakes yet, by the way. For fun, or extra credit, see if you can figure out what they are.)</p>
<p>Then I ran the product on several new sites coded by some of the best CSS and markup people in the business, and found a surprising quantity of mistakes there, as well. Nobody&#8217;s perfect—not even the best coders.</p>
<p>Some of the errors the product found were mere errors of style, but were still worth correcting, if only to set a good example for those who view source on your sites. Other errors the product revealed could affect how easy it is for people to find a site&#8217;s content. Fixing such errors is a business necessity. </p>
<p>Some issues are purely judgement calls: is it okay to sometimes use <code>&lt;b&gt;</code> instead of <code>&lt;strong&gt;</code>? When is it perfectly fine to skip a heading level? To address those subtleties, there is a <a href="http://webstandardsdesign.pbwiki.com/">wiki</a> where such topics are discussed, and &#8220;error&#8221; messages link to the relevant topics in the wiki, so you can click straight through to the online discussion.</p>
<h3>Who is it for?</h3>
<ul>
<li>Jeffrey Zeldman&#8217;s Web Standards Advisor will help beginning and intermediate coders write smarter, more compliant markup that makes site content easier to find.</li>
<li>It will help coders at any level (including expert) who use Dreamweaver as a primary web development tool, and who know about web standards but don&#8217;t spend all day thinking about them. Now you don&#8217;t have to—and you can still create leaner sites that work for more people, and whose content is easier to find.</li>
<li>Site owners might run the product on their site, to see how compliant it is and how findable their markup allows their content to be.</li>
</ul>
<p>But what about many people reading this website, who write their XHTML and CSS by hand, and who rightfully consider themselves standardistas? That&#8217;s right. What about <em>you?</em></p>
<p>You aren&#8217;t the primary customer, but you might find the product useful. I&#8217;m a hand-coder and always will be. I own Dreamweaver mainly because it comes with Adobe CS3 and CS4. Installing Jeffrey Zeldman&#8217;s Web Standards Advisor is a no-brainer, and running it on my work (or that of people working for me) turns up enough surprises to more than justify the time and expense. </p>
<p>Plus, after you use it to clean up your own, small, embarrassing errors of markup, you can run it on your heroes&#8217; websites and revel in their mere mortality.</p>
<h3>Disclosing the obvious</h3>
<div class="floattenr" style="margin-top: 3px; margin-bottom: 2px;"><a href="http://www.webassist.com/professional/products/productdetails.asp?PID=255&amp;WAAID=889" title="Jeffrey Zeldman's Web Standards Advisor"><img src="/i/zeldman_120x90.jpg" alt="Jeffrey Zeldman's Web Standards Advisor" /></a></div>
<p><a href="http://www.webassist.com/professional/products/productdetails.asp?PID=255&amp;WAAID=889">Jeffrey Zeldman&#8217;s Web Standards Advisor</a> is a product. It is not a free product. At $49.99, it&#8217;s not terribly expensive, but it&#8217;s not free. </p>
<p>I have a small financial interest and a gigantic brand interest in it. If it&#8217;s a weak product, it reflects badly on me, my agency, my conference, my books, and possibly even the very category of web standards. I therefore have a huge stake in making sure it&#8217;s a good product—that it&#8217;s easy to use, meets real needs now, and evolves in response to customer feedback and the slow but steady evolution of standards. (XHTML 2? HTML 5? More microformats? Stay tuned.)</p>
<p><small>Tags: <a href="http://technorati.com/tag/webstandards" rel="tag">webstandards</a>, <a href="http://technorati.com/tag/advisor" rel="tag"> advisor</a>, <a href="http://technorati.com/tag/dreamweaver" rel="tag"> dreamweaver</a>, <a href="http://technorati.com/tag/extension" rel="tag"> extension</a>, <a href="http://technorati.com/tag/markup" rel="tag"> markup</a>, <a href="http://technorati.com/tag/helper" rel="tag"> helper</a>, <a href="http://technorati.com/tag/assistant" rel="tag"> assistant</a>, <a href="http://technorati.com/tag/webassist" rel="tag"> webassist</a>, <a href="http://technorati.com/tag/zeldman" rel="tag"> zeldman</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%2F01%2F12%2Fjeffrey-zeldmans-web-standards-advisor%2F&amp;t=Jeffrey%20Zeldman%27s%20Web%20Standards%20Advisor&amp;s=Newly%20launched%20Dreamweaver%20Extension%20validates%20HTML%2C%20CSS%2C%20and%20microformats%20and%20checks%20for%20subtleties%20of%20standards%20compliance%20in%20nine%20different%20areas%E2%80%94everything%20from%20structural%20use%20of%20headings%20to%20proper%20ID%2C%20class%20and%20%26lt%3Bdiv%26gt%3B%20tag%20use." 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%2F01%2F12%2Fjeffrey-zeldmans-web-standards-advisor%2F&amp;t=Jeffrey%20Zeldman%27s%20Web%20Standards%20Advisor" 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%2F01%2F12%2Fjeffrey-zeldmans-web-standards-advisor%2F&amp;title=Jeffrey%20Zeldman%27s%20Web%20Standards%20Advisor&amp;notes=Newly%20launched%20Dreamweaver%20Extension%20validates%20HTML%2C%20CSS%2C%20and%20microformats%20and%20checks%20for%20subtleties%20of%20standards%20compliance%20in%20nine%20different%20areas%E2%80%94everything%20from%20structural%20use%20of%20headings%20to%20proper%20ID%2C%20class%20and%20%26lt%3Bdiv%26gt%3B%20tag%20use." 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%2F01%2F12%2Fjeffrey-zeldmans-web-standards-advisor%2F&amp;title=Jeffrey%20Zeldman%27s%20Web%20Standards%20Advisor&amp;bodytext=Newly%20launched%20Dreamweaver%20Extension%20validates%20HTML%2C%20CSS%2C%20and%20microformats%20and%20checks%20for%20subtleties%20of%20standards%20compliance%20in%20nine%20different%20areas%E2%80%94everything%20from%20structural%20use%20of%20headings%20to%20proper%20ID%2C%20class%20and%20%26lt%3Bdiv%26gt%3B%20tag%20use." 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=Jeffrey%20Zeldman%27s%20Web%20Standards%20Advisor&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2009%2F01%2F12%2Fjeffrey-zeldmans-web-standards-advisor%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%2F01%2F12%2Fjeffrey-zeldmans-web-standards-advisor%2F&amp;title=Jeffrey%20Zeldman%27s%20Web%20Standards%20Advisor&amp;annotation=Newly%20launched%20Dreamweaver%20Extension%20validates%20HTML%2C%20CSS%2C%20and%20microformats%20and%20checks%20for%20subtleties%20of%20standards%20compliance%20in%20nine%20different%20areas%E2%80%94everything%20from%20structural%20use%20of%20headings%20to%20proper%20ID%2C%20class%20and%20%26lt%3Bdiv%26gt%3B%20tag%20use." 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%2F01%2F12%2Fjeffrey-zeldmans-web-standards-advisor%2F&amp;h=Jeffrey%20Zeldman%27s%20Web%20Standards%20Advisor" 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=Jeffrey%20Zeldman%27s%20Web%20Standards%20Advisor&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2009%2F01%2F12%2Fjeffrey-zeldmans-web-standards-advisor%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/01/12/jeffrey-zeldmans-web-standards-advisor/feed/</wfw:commentRss>
		<slash:comments>80</slash:comments>
		</item>
		<item>
		<title>ALA No. 273: trad vs. agile</title>
		<link>http://www.zeldman.com/2008/12/02/ala-no-273-trad-vs-agile/</link>
		<comments>http://www.zeldman.com/2008/12/02/ala-no-273-trad-vs-agile/#comments</comments>
		<pubDate>Tue, 02 Dec 2008 15:14:13 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[A List Apart]]></category>
		<category><![CDATA[Advocacy]]></category>
		<category><![CDATA[Applications]]></category>
		<category><![CDATA[Career]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Information architecture]]></category>
		<category><![CDATA[Standards]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Working]]></category>
		<category><![CDATA[architecture]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[client services]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[experience]]></category>
		<category><![CDATA[work]]></category>
		<category><![CDATA[agiledesign]]></category>
		<category><![CDATA[agiledevelopment]]></category>
		<category><![CDATA[alistapart]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[expectations]]></category>
		<category><![CDATA[forpeoplewhomakewebsites]]></category>
		<category><![CDATA[informationarchitecture]]></category>
		<category><![CDATA[managing]]></category>
		<category><![CDATA[scope]]></category>
		<category><![CDATA[scopecreep]]></category>

	<!-- AutoMeta Start -->
	<category>agile</category>
	<category>deliverables</category>
	<category>fuel</category>
	<category>cennydd</category>
	<category>effectively</category>
	<category>bowles</category>
	<category>iteration</category>
	<category>likelier</category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=431</guid>
		<description><![CDATA[How traditional, research-based IA leads to better site design—and why many are abandoning traditional methods in favor of agile design.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2008%2F12%2F02%2Fala-no-273-trad-vs-agile%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2008%2F12%2F02%2Fala-no-273-trad-vs-agile%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/273">Issue No. 273</a> of <cite>A List Apart,</cite> for people who make websites, looks at web design from both sides now:</p>
<h3><a href="http://www.alistapart.com/articles/flexiblefueleducatingtheclientonia">Flexible Fuel: Educating the Client on IA</a></h3>
<p>by KEITH LAFERRIERE</p>
<p>IA is about selling ideas effectively, designing with accuracy, and working with complex interactivity to guide different types of customers through website experiences. The more your client knows about IA’s processes and deliverables, the likelier the project is to succeed.</p>
<h3><a href="http://www.alistapart.com/articles/gettingrealaboutagiledesign">Getting Real About Agile Design</a></h3>
<p>by CENNYDD BOWLES</p>
<p>Agile development was made for tough economic times, but does not fit comfortably into the research-heavy, iteration-focused process designers trust to deliver user- and brand-based sites. How can we update our thinking and methods to take advantage of what agile offers?</p>
<h3>About the magazine</h3>
<p><cite>A List Apart</cite> explores the design, development, and meaning of web content, with a special focus on web standards and best practices. Issue No. 273 was edited by Krista Stevens with Erin Kissane and Carolyn Wood; produced by Erin Lynch; art-directed by Jason Santa Maria; illustrated by Kevin Cornell; technical-edited by Aaron Gustafson, Ethan Marcotte, Daniel Mall, and Eric Meyer; and published by <a href="http://www.happycog.com/">Happy Cog</a>.</p>
<p><small>Tags: <a href="http://technorati.com/tag/agiledevelopment" rel="tag">agiledevelopment</a>, <a href="http://technorati.com/tag/agiledesign" rel="tag"> agiledesign</a>, <a href="http://technorati.com/tag/informationarchitecture" rel="tag"> informationarchitecture</a>, <a href="http://technorati.com/tag/scope" rel="tag"> scope</a>, <a href="http://technorati.com/tag/scopecreep" rel="tag"> scopecreep</a>, <a href="http://technorati.com/tag/managing" rel="tag"> managing</a>, <a href="http://technorati.com/tag/client" rel="tag"> client</a>, <a href="http://technorati.com/tag/expectations" rel="tag"> expectations</a>, <a href="http://technorati.com/tag/alistapart" rel="tag"> alistapart</a>, <a href="http://technorati.com/tag/forpeoplewhomakewebsites" rel="tag"> forpeoplewhomakewebsites</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%2F2008%2F12%2F02%2Fala-no-273-trad-vs-agile%2F&amp;t=ALA%20No.%20273%3A%20trad%20vs.%20agile&amp;s=How%20traditional%2C%20research-based%20IA%20leads%20to%20better%20site%20design%E2%80%94and%20why%20many%20are%20abandoning%20traditional%20methods%20in%20favor%20of%20agile%20design." 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%2F2008%2F12%2F02%2Fala-no-273-trad-vs-agile%2F&amp;t=ALA%20No.%20273%3A%20trad%20vs.%20agile" 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%2F2008%2F12%2F02%2Fala-no-273-trad-vs-agile%2F&amp;title=ALA%20No.%20273%3A%20trad%20vs.%20agile&amp;notes=How%20traditional%2C%20research-based%20IA%20leads%20to%20better%20site%20design%E2%80%94and%20why%20many%20are%20abandoning%20traditional%20methods%20in%20favor%20of%20agile%20design." 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%2F2008%2F12%2F02%2Fala-no-273-trad-vs-agile%2F&amp;title=ALA%20No.%20273%3A%20trad%20vs.%20agile&amp;bodytext=How%20traditional%2C%20research-based%20IA%20leads%20to%20better%20site%20design%E2%80%94and%20why%20many%20are%20abandoning%20traditional%20methods%20in%20favor%20of%20agile%20design." 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=ALA%20No.%20273%3A%20trad%20vs.%20agile&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2008%2F12%2F02%2Fala-no-273-trad-vs-agile%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%2F2008%2F12%2F02%2Fala-no-273-trad-vs-agile%2F&amp;title=ALA%20No.%20273%3A%20trad%20vs.%20agile&amp;annotation=How%20traditional%2C%20research-based%20IA%20leads%20to%20better%20site%20design%E2%80%94and%20why%20many%20are%20abandoning%20traditional%20methods%20in%20favor%20of%20agile%20design." 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%2F2008%2F12%2F02%2Fala-no-273-trad-vs-agile%2F&amp;h=ALA%20No.%20273%3A%20trad%20vs.%20agile" 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=ALA%20No.%20273%3A%20trad%20vs.%20agile&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2008%2F12%2F02%2Fala-no-273-trad-vs-agile%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/2008/12/02/ala-no-273-trad-vs-agile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Real type on the web?</title>
		<link>http://www.zeldman.com/2008/11/13/real-type-on-the-web/</link>
		<comments>http://www.zeldman.com/2008/11/13/real-type-on-the-web/#comments</comments>
		<pubDate>Thu, 13 Nov 2008 13:49:50 +0000</pubDate>
		<dc:creator>Jeffrey Zeldman</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Applications]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Community]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Standards]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[Working]]></category>
		<category><![CDATA[architecture]]></category>
		<category><![CDATA[art direction]]></category>
		<category><![CDATA[bugs]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[copyright]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[industry]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[spec]]></category>
		<category><![CDATA[stealing]]></category>
		<category><![CDATA[@fontface]]></category>
		<category><![CDATA[embedded]]></category>
		<category><![CDATA[EOT]]></category>
		<category><![CDATA[web typography]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[workinggroup]]></category>

	<!-- AutoMeta Start -->
	<category>foundry</category>
	<category>mechanism</category>
	<category>agreement</category>
	<category>fonts</category>
	<category>licensing</category>
	<category>security</category>
	<category>financial</category>
	<category>bert</category>
	<!-- AutoMeta End -->
	
		<guid isPermaLink="false">http://www.zeldman.com/?p=422</guid>
		<description><![CDATA[A proposal for a fonts working group is under discussion at the W3C.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zeldman.com%2F2008%2F11%2F13%2Freal-type-on-the-web%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zeldman.com%2F2008%2F11%2F13%2Freal-type-on-the-web%2F&amp;source=zeldman&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p>A proposal for a fonts working group is under discussion at the W3C. The <a href="http://www.w3.org/Fonts/Misc/minutes-2008-10">minutes of a small meeting</a> held on Thursday 23 October include a condensed, corrected transcription of a discussion between Sampo Kaasila (Bitstream), Mike Champion (Microsoft), John Daggett (Mozilla), Håkon Wium Lie (Opera), Liam Quin (W3C), Bert Bos (W3C), Alex Mogilevsky (Microsoft), Josh Soref (Nokia), Vladimir Levantovsky (Monotype), Klaas Bals (Inventive Designers), and Richard Ishida (W3C). </p>
<p>The meeting started with a discussion of Microsoft&#8217;s <a href="http://www.w3.org/Submission/2008/SUBM-EOT-20080305/">EOT (Embedded OpenType)</a> versus raw fonts. <a href="http://www.w3.org/People/Bos/">Bert Bos</a>, style activity lead and co-creator of CSS, has beautifully summarized the relevant pros and cons discussed. </p>
<p>For those just catching up with the issue of real type on the web, here&#8217;s a bone-simple intro: </p>
<ol>
<li>CSS provides a <a href="http://www.alistapart.com/articles/cssatten">mechanism for embedding real fonts on your website</a>, and <a href="http://webkit.org/blog/124/downloadable-fonts/">some browsers</a> support it, but its use probably violates your licensing agreement with the type foundry, and may also cause security problems on an end-user&#8217;s computer.</li>
<li>Microsoft&#8217;s EOT (based on the same standard CSS mechanism) works harder to avoid violating your licensing agreement, and has long worked in Internet Explorer, but is not supported in other browsers, is not foolproof vis-a-vis type foundry licensing rules, and may also cause PC security problems.</li>
</ol>
<p>The proposed fonts working group hopes to navigate the technical and business problems of providing real fonts on the web, and in its first meeting came up with a potential compromise proposal before lunch.</p>
<p>Like everyone these days, the W3C is feeling a financial pinch, which means, if a real fonts working group is formed, its size and scope will necessarily be somewhat limited. That could be a good thing, since small groups work more efficiently than large groups. But a financial constraint on the number of invited experts could make for tough going where some details are concerned—and with typography, as with web technology, the details are everything.</p>
<p>I advise every web designer who cares about typography and web standards—that&#8217;s all of you, right?—to read the minutes of this remarkable first gathering, and to keep watching the skies.</p>
<p><small>Tags: <a href="http://technorati.com/tag/web+typography" rel="tag">web typography</a>, <a href="http://technorati.com/tag/typography" rel="tag"> typography</a>, <a href="http://technorati.com/tag/standards" rel="tag"> standards</a>, <a href="http://technorati.com/tag/webstandards" rel="tag"> webstandards</a>, <a href="http://technorati.com/tag/W3C" rel="tag"> W3C</a>, <a href="http://technorati.com/tag/fonts" rel="tag"> fonts</a>, <a href="http://technorati.com/tag/embedded" rel="tag"> embedded</a>, <a href="http://technorati.com/tag/%40fontface" rel="tag"> @fontface</a>, <a href="http://technorati.com/tag/EOT" rel="tag"> EOT</a>, <a href="http://technorati.com/tag/workinggroup" rel="tag"> workinggroup</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%2F2008%2F11%2F13%2Freal-type-on-the-web%2F&amp;t=Real%20type%20on%20the%20web%3F&amp;s=A%20proposal%20for%20a%20fonts%20working%20group%20is%20under%20discussion%20at%20the%20W3C." 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%2F2008%2F11%2F13%2Freal-type-on-the-web%2F&amp;t=Real%20type%20on%20the%20web%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%2F2008%2F11%2F13%2Freal-type-on-the-web%2F&amp;title=Real%20type%20on%20the%20web%3F&amp;notes=A%20proposal%20for%20a%20fonts%20working%20group%20is%20under%20discussion%20at%20the%20W3C." 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%2F2008%2F11%2F13%2Freal-type-on-the-web%2F&amp;title=Real%20type%20on%20the%20web%3F&amp;bodytext=A%20proposal%20for%20a%20fonts%20working%20group%20is%20under%20discussion%20at%20the%20W3C." 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=Real%20type%20on%20the%20web%3F&amp;link=http%3A%2F%2Fwww.zeldman.com%2F2008%2F11%2F13%2Freal-type-on-the-web%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%2F2008%2F11%2F13%2Freal-type-on-the-web%2F&amp;title=Real%20type%20on%20the%20web%3F&amp;annotation=A%20proposal%20for%20a%20fonts%20working%20group%20is%20under%20discussion%20at%20the%20W3C." 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%2F2008%2F11%2F13%2Freal-type-on-the-web%2F&amp;h=Real%20type%20on%20the%20web%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=Real%20type%20on%20the%20web%3F&amp;url=http%3A%2F%2Fwww.zeldman.com%2F2008%2F11%2F13%2Freal-type-on-the-web%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/2008/11/13/real-type-on-the-web/feed/</wfw:commentRss>
		<slash:comments>52</slash:comments>
		</item>
	</channel>
</rss>
