<?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>Nate Koechley &#187; Front End Engineering</title>
	<atom:link href="http://nate.koechley.com/blog/category/front-end-engineering/feed/" rel="self" type="application/rss+xml" />
	<link>http://nate.koechley.com/blog</link>
	<description>Web professional with deep frontend engineering expertise skilled in user experience design and product strategy. Successful team leader, manager, and executive. Sought-after speaker, writer, and trainer.</description>
	<lastBuildDate>Fri, 14 May 2010 22:52:43 +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>Test Suites for CSS 2.1, ARIA, and HTML5</title>
		<link>http://nate.koechley.com/blog/2009/01/27/test-suites-for-css-21-aria-and-html5/</link>
		<comments>http://nate.koechley.com/blog/2009/01/27/test-suites-for-css-21-aria-and-html5/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 07:43:59 +0000</pubDate>
		<dc:creator>Nate Koechley</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Front End Engineering]]></category>
		<category><![CDATA[References]]></category>

		<guid isPermaLink="false">http://nate.koechley.com/blog/?p=511</guid>
		<description><![CDATA[Just hours ago Microsoft released an amazing new resource that helps the entire frontend engineering industry. Their Windows Internet Explorer Testing Center contains thousands of test cases covering CSS 2.1, HTML5, and WAI-ARIA.
CSS gets the most coverage with 7005 tests, 3784 of them developed just since IE8&#8217;s &#8220;beta 2&#8243; a few months ago. IE8 passes [...]]]></description>
			<content:encoded><![CDATA[<p>Just hours ago Microsoft released an amazing new resource that helps the entire frontend engineering industry. Their <a href="http://samples.msdn.microsoft.com/ietestcenter/">Windows Internet Explorer Testing Center</a> contains thousands of test cases covering CSS 2.1, HTML5, and WAI-ARIA.</p>
<p>CSS gets the most coverage with 7005 tests, 3784 of them developed just since IE8&#8217;s &#8220;beta 2&#8243; a few months ago. IE8 passes all 7005, <strong>including, mysteriously, 52 tests that do not pass on any other major browser</strong>.</p>
<p>For HTML5,  coverage includes 13 cross-document messaging and 30 DOM Storage tests. For WAI &#8211; ARIA they submitted new samples to support their previously-submitted ARIA to MSAA roles, events, and mappings. </p>
<p>While a great resource for the standardization movement in general, it also goes a long way to support <a href="http://blogs.msdn.com/ie/archive/2009/01/27/microsoft-submits-thousands-more-css-2-1-tests-to-the-w3c.aspx">their stated belief</a> that &#8220;IE8 RC1 has the most complete implementation of the CSS 2.1 specification in the industry.&#8221; It will be very interesting to see if any of the other browsers care to comment. I&#8217;m hoping for a four-way tie.</p>
<p>Read more:</p>
<ul>
<li><a href="http://blogs.msdn.com/ie/archive/2009/01/27/microsoft-submits-thousands-more-css-2-1-tests-to-the-w3c.aspx.">IEBlog &#8211; Microsoft submits thousands more CSS 2.1 tests to the W3C</a></li>
<li><a href="http://samples.msdn.microsoft.com/ietestcenter/">Windows Internet Explorer Testing Center</a></li>
<li><a href="http://samples.msdn.microsoft.com/ietestcenter/aria.htm">ARIA Test Pages</a></li>
<li><a href="http://samples.msdn.microsoft.com/ietestcenter/css.htm">CSS 2.1 Test Pages</a></li>
<li><a href="http://samples.msdn.microsoft.com/ietestcenter/html5.htm">HTML 5 Test Pages</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nate.koechley.com/blog/2009/01/27/test-suites-for-css-21-aria-and-html5/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Wireframing with Balsamiq Mockups</title>
		<link>http://nate.koechley.com/blog/2008/09/09/wireframing-with-balsamiq-mockup/</link>
		<comments>http://nate.koechley.com/blog/2008/09/09/wireframing-with-balsamiq-mockup/#comments</comments>
		<pubDate>Tue, 09 Sep 2008 10:17:38 +0000</pubDate>
		<dc:creator>Nate Koechley</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Cool]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Front End Engineering]]></category>
		<category><![CDATA[Gadgets]]></category>
		<category><![CDATA[Publishing]]></category>
		<category><![CDATA[References]]></category>
		<category><![CDATA[Social Web]]></category>
		<category><![CDATA[Tech Support Tips]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://nate.koechley.com/blog/?p=503</guid>
		<description><![CDATA[Thanks to Pras for the pointer to Balsamiq&#8217;s Mockups application. I was sketching wireframes quickly within minutes of finding the product. 
I believe in low-fidelity sketching at the wireframe stage. Balsamiq makes it easy with its large library of UI control stencils, its auto-complete driven keybroad stencil selection, on-screen snap-to alignment guides, a powerful inspector [...]]]></description>
			<content:encoded><![CDATA[<p>Thanks to <a href="http://twitter.com/prasnation/statuses/914814003">Pras</a> for the pointer to <a href="http://www.balsamiq.com/products/mockups/tour">Balsamiq&#8217;s Mockups</a> application. I was sketching wireframes quickly within minutes of finding the product. </p>
<p>I believe in low-fidelity sketching at the wireframe stage. Balsamiq makes it easy with its large library of UI control stencils, its auto-complete driven keybroad stencil selection, on-screen snap-to alignment guides, a powerful inspector for precise control when rarely needed, and, more of all, a simplicity that makes it easy to start sketching or tweaking your mockup immediately. </p>
<p>The output is Balsamiq files, PGN or flattened image files, and XML. Because it exports XML it&#8217;s possible to use Balsamiq as a programmatic ingredient for downstream engineering systems and tools (such as partially automating the creation of detailed functional specifications, or using it as source for the automated building on the actual interface. </p>
<p>There is a rumor that they&#8217;ll be announcing clickable output files shortly, which might allow for the fast creation of clickable wireframes for usability testing (and other) needs.</p>
<p>I haven&#8217;t noticed, but it should be possible to customize what&#8217;s in the included UI Widget Library to a) take on a different visual skin; b) reflect new or fewer interface widget options.</p>
<p>All and all, I&#8217;m pretty intrigued. It seems there&#8217;s a market for  consumer-friendly ways to design interfaces. Once more people catch on how to much fun we&#8217;re having, they&#8217;ll want a shot at designing and realizing all the apps they&#8217;re dreaming up, too!</p>
<p>I&#8217;d love to hear what you think of this approach. Have you tried it? Does it work for your teams&#8221;</p>
<p><a href="http://www.flickr.com/photos/natekoechley/2842824750/" title="Balsamiq Mockups For Desktop - * New Mockup by natekoechley, on Flickr"><img src="http://farm4.static.flickr.com/3130/2842824750_8f8680f49e_m.jpg" width="240" height="218" alt="Balsamiq Mockups For Desktop - * New Mockup" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://nate.koechley.com/blog/2008/09/09/wireframing-with-balsamiq-mockup/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Slides: Professional Frontend Engineering</title>
		<link>http://nate.koechley.com/blog/2008/06/11/slides-professional-frontend-engineering/</link>
		<comments>http://nate.koechley.com/blog/2008/06/11/slides-professional-frontend-engineering/#comments</comments>
		<pubDate>Wed, 11 Jun 2008 18:58:57 +0000</pubDate>
		<dc:creator>Nate Koechley</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Front End Engineering]]></category>
		<category><![CDATA[Talks]]></category>
		<category><![CDATA[Travel]]></category>
		<category><![CDATA[Yahoo!]]></category>
		<category><![CDATA[atmedia]]></category>
		<category><![CDATA[atmedia2008]]></category>

		<guid isPermaLink="false">http://nate.koechley.com/blog/?p=490</guid>
		<description><![CDATA[Update: Audio for this presentation is now available (mp3) from the conference&#8217;s site.
This year, my third presenting at @media in London (2006, 2007), Patrick offered me the morning plenary slot. I used the time to talk about a topic of great interest to me: Professional Frontend Engineering. 
Over the last three or four years the [...]]]></description>
			<content:encoded><![CDATA[<p><ins>Update: Audio for this presentation is <a href="http://www.vivabit.com/atmedia/blog/2008/06/13/audio-highlight-nate-koechley/">now available (mp3)</a> from the conference&#8217;s site.</ins></p>
<p>This year, my third presenting at <a href="http://www.vivabit.com/atmedia2008/">@media</a> in London (<a href="http://nate.koechley.com/blog/2006/07/12/my_atmedia_2006_slides/">2006</a>, <a href="http://nate.koechley.com/blog/2007/06/12/high-performance-web-sites/">2007</a>), Patrick offered me the morning plenary slot. I used the time to talk about a topic of great interest to me: Professional Frontend Engineering. </p>
<p>Over the last three or four years the role of Frontend Engineering has become more important, more respected, more challenging, and more in-demand than ever before, and so I wanted to put a stake in the ground clarifying what we do, how we do it, and why it&#8217;s so important to raise it to a professional level. I had four goals: </p>
<ul>
<li>Put a stake in the ground.</li>
<li>Reiterate our values.</li>
<li>Advocate the discipline.</li>
<li>Nurture a healthy Web.</li>
</ul>
<p>The goals were threaded throughout the four sections of the talk:</p>
<ul>
<li>Historical Perspective</li>
<li>Our Beliefs &#038; Principles</li>
<li>Knowledge Areas &#038; Best Practices</li>
<li>Why It All Matters</li>
</ul>
<p>The talk is embedded below (or download: <a href="http://nate.koechley.com/talks/2008/at-media-2008-pro-frontend-engineering.key/">keynote</a>, <a href="http://nate.koechley.com/talks/2008/at-media-2008-pro-frontend-engineering.pdf">pdf</a>, <a href="http://nate.koechley.com/talks/2008/at-media-2008-pro-frontend-engineering.mov">quicktime</a>). </p>
<p>I think this topic is critical to the advancement of the Internet. I&#8217;ll be writing more about this in these pages in the coming weeks and months, but for now enjoy the slides. And please share your thoughts and feedback in the comments.</p>
<div style="width:425px;text-align:left" id="__ss_459731"><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=atmedia2008profrontendengineering-1213136599624862-9"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=atmedia2008profrontendengineering-1213136599624862-9" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;"><a href="http://www.slideshare.net/?src=embed"><img src="http://static.slideshare.net/swf/logo_embd.png" style="border:0px none;margin-bottom:-5px" alt="SlideShare"/></a> | <a href="http://www.slideshare.net/natekoechley/professional-frontend-engineering?src=embed" title="View Professional Frontend Engineering on SlideShare">View</a> | <a href="http://www.slideshare.net/upload?src=embed">Upload your own</a></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://nate.koechley.com/blog/2008/06/11/slides-professional-frontend-engineering/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
<enclosure url="http://nate.koechley.com/talks/2008/at-media-2008-pro-frontend-engineering.mov" length="16870636" type="video/quicktime" />
		</item>
		<item>
		<title>Slides: High Performance Web Sites</title>
		<link>http://nate.koechley.com/blog/2008/06/11/slides-high-performance-web-sites/</link>
		<comments>http://nate.koechley.com/blog/2008/06/11/slides-high-performance-web-sites/#comments</comments>
		<pubDate>Wed, 11 Jun 2008 18:41:55 +0000</pubDate>
		<dc:creator>Nate Koechley</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Front End Engineering]]></category>
		<category><![CDATA[Talks]]></category>
		<category><![CDATA[Yahoo!]]></category>

		<guid isPermaLink="false">http://nate.koechley.com/blog/?p=489</guid>
		<description><![CDATA[The organizers of last month&#8217;s Kings of Code conference in Amsterdam asked me to talk about High Performance Web Sites. I discussed related material at last year&#8217;s @media conference, so for this new talk I was sure to use a bunch of new, updated, and expanded information. Luckily, the good people on Yahoo! Exceptional Performance [...]]]></description>
			<content:encoded><![CDATA[<p>The organizers of last month&#8217;s Kings of Code conference in Amsterdam asked me to talk about High Performance Web Sites. I discussed related material at <a href="http://nate.koechley.com/blog/2007/06/12/high-performance-web-sites/">last year</a>&#8217;s @media conference, so for this new talk I was sure to use a bunch of new, updated, and expanded information. Luckily, the good people on Yahoo! Exceptional Performance team have been hard at work discovering <a href="http://developer.yahoo.com/performance/">new performance best practices</a>.  </p>
<p>The talk embedded below (or download: <a href="http://nate.koechley.com/talks/2008/kings-of-code-high-performance-web-sites.key/">keynote</a>, <a href="http://nate.koechley.com/talks/2008/kings-of-code-high-performance-web-sites.pdf">pdf</a>, <a href="http://nate.koechley.com/talks/2008/kings-of-code-high-performance-web-sites.pdf">quicktime</a>) covers several well-known optimization practices then quickly moves to review more recent findings and advancements. It concludes with a survey of tools for optimization and links for more information.</p>
<p>Enjoy, and please leave a comment with any thoughts you have.</p>
<div style="width:425px;text-align:left" id="__ss_459711"><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=kingsofcodehighperformancewebsites-1213135591299837-8"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=kingsofcodehighperformancewebsites-1213135591299837-8" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;"><a href="http://www.slideshare.net/?src=embed"><img src="http://static.slideshare.net/swf/logo_embd.png" style="border:0px none;margin-bottom:-5px" alt="SlideShare"/></a> | <a href="http://www.slideshare.net/natekoechley/high-performance-web-sites-2008?src=embed" title="View High Performance Web Sites - 2008 on SlideShare">View</a> | <a href="http://www.slideshare.net/upload?src=embed">Upload your own</a></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://nate.koechley.com/blog/2008/06/11/slides-high-performance-web-sites/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>London and Amsterdam</title>
		<link>http://nate.koechley.com/blog/2008/05/21/london-and-amsterdam/</link>
		<comments>http://nate.koechley.com/blog/2008/05/21/london-and-amsterdam/#comments</comments>
		<pubDate>Wed, 21 May 2008 23:46:06 +0000</pubDate>
		<dc:creator>Nate Koechley</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Front End Engineering]]></category>
		<category><![CDATA[Life...]]></category>
		<category><![CDATA[Talks]]></category>
		<category><![CDATA[Travel]]></category>
		<category><![CDATA[Yahoo!]]></category>

		<guid isPermaLink="false">http://nate.koechley.com/blog/?p=488</guid>
		<description><![CDATA[Update: Slides for these talks have been posted: Professional Frontend Engineering in London and High Performance Web Sites in Amsterdam.
Next week Tuesday I&#8217;ll be presenting an updated &#8220;High Performance Web Sites&#8221; talk at the inaugural Kings of Code conference in Amsterdam. From there I&#8217;m headed to the second half of London Web Week and will [...]]]></description>
			<content:encoded><![CDATA[<p><ins>Update: Slides for these talks have been posted: <a href="http://nate.koechley.com/blog/2008/06/11/slides-professional-frontend-engineering/">Professional Frontend Engineering</a> in London and <a href="http://nate.koechley.com/blog/2008/06/11/slides-high-performance-web-sites/">High Performance Web Sites</a> in Amsterdam.</ins></p>
<p>Next week Tuesday I&#8217;ll be presenting an updated &#8220;High Performance Web Sites&#8221; talk at the inaugural <a href="http://kingsofcode.nl/">Kings of Code</a> conference in Amsterdam. From there I&#8217;m headed to the second half of <a href="http://www.londonwebweek.co.uk/">London Web Week</a> and will be giving a talk called &#8220;Professional Frontend Engineering&#8221; in the Friday plenary slot at the outstanding <a href="http://www.vivabit.com/atmedia2008/london/">@media</a> conference.</p>
<p><img src="http://nate.koechley.com/blog/assets/logo-png24-1.png" alt="Kings of Code logo" align="right"/> </p>
<p>The Kings of Code conference is shaping up to be a great event. I&#8217;m excited to hear what fellow speakers <a href="http://ejohn.org/">John Resig</a>, <a href="http://www.quirksmode.org/">Peter-Paul Koch (PPK)</a>, <a href="http://www.linkedin.com/in/folkelemaitre">Folke Lemaitre</a>, <a href="http://cake.insertdesignhere.com/">Nate Abele</a>, <a href="http://internet-apps.blogspot.com/">Mark Birbeck</a>, and host <a href="http://53miles.com/">Robert Gaal</a> have to share with us. </p>
<p><img src="http://nate.koechley.com/blog/assets/at-media-london-2008.png" alt="@media conference logo" align="right" /></p>
<p>The @media conference is equally impressive. It&#8217;s consistently been one of my very favorite events for the last few years. The speakers are insightful and generous, the attendees are smart and engaged, and Patrick and the rest of the organizers put on a warm, welcoming, and action-packed event with lots of time for networking, hallway conversations, and a wee bit of pub-based debauchery. Spread over two days it promises to saturate us all with inspiration and insight. </p>
<p>Please email me, leave a comment below, or shoot me a note of Twitter (<a href="http://twitter.com/natekoechley">follow me</a>) if you&#8217;re going to be in the area and want to catch up. If you let me know in advance that our paths will cross I&#8217;ll be sure to bring you a little gift. </p>
<p>Now if somebody could please do something about the #$%#@$# exchange rate&#8230;<strong></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://nate.koechley.com/blog/2008/05/21/london-and-amsterdam/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Five Taipei Events</title>
		<link>http://nate.koechley.com/blog/2008/04/10/five-taipei-events/</link>
		<comments>http://nate.koechley.com/blog/2008/04/10/five-taipei-events/#comments</comments>
		<pubDate>Thu, 10 Apr 2008 18:23:02 +0000</pubDate>
		<dc:creator>Nate Koechley</dc:creator>
				<category><![CDATA[Cool]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Front End Engineering]]></category>
		<category><![CDATA[Life...]]></category>
		<category><![CDATA[Talks]]></category>
		<category><![CDATA[Travel]]></category>

		<guid isPermaLink="false">http://nate.koechley.com/blog/?p=487</guid>
		<description><![CDATA[I arrived in Taiwan a few hours ago and am settling into my hotel room in Taipei trying to figure out what time my body thinks it is. But regardless of my body&#8217;s ability to keep up with me I have a busy few days ahead. 
Tomorrow afternoon I&#8217;m presenting an internal Tech Talk to [...]]]></description>
			<content:encoded><![CDATA[<p>I arrived in Taiwan a few hours ago and am settling into my hotel room in Taipei trying to figure out what time my body thinks it is. But regardless of my body&#8217;s ability to keep up with me I have a busy few days ahead. </p>
<p>Tomorrow afternoon I&#8217;m presenting an internal Tech Talk to designers and engineers at the Yahoo! Taiwan office, hosted by my friend and colleague Aaron Wu. I love the chance to talk to designers and engineers in the same room, and so I&#8217;m very much looking forward to the opportunity.</p>
<div class="inlay-media-left"><a href="http://nate.koechley.com/blog/assets/ithome-natekoechley-large.jpg"><img class="matting" src="http://nate.koechley.com/blog/assets/ithome-natekoechley-small.jpg" width="196" alt="Taiwan magazine iTHome article" /></a></div>
<p>On Saturday I&#8217;m offering the keynote at the <a href="http://www.osdc.tw/">Open Source Developers&#8217; Conference</a> here in Taipei. My talk is titled &#8220;An Insider&#8217;s Tour of the YUI Library.&#8221; I&#8217;ve been experimenting with video clips in my talks lately, and so even though I&#8217;m the only member of the YUI team on this trip, I&#8217;ll have the video and voices of many from the team with me on stage. I&#8217;ve done something similar once before, and it went well then so I&#8217;m hoping it goes well again.</p>
<p>Here is some local press coverage of the conference. It&#8217;s a trip to see my face surrounded by words I can&#8217;t read. If anybody can translate for me, please send me a note or leave a comment (click the images for higher-res copies).</p>
<div class="inlay-media-right">
<a href="http://nate.koechley.com/blog/assets/nate-speech-universities-in-taiwan-medium.jpg"><img class="matting" src="http://nate.koechley.com/blog/assets/nate-speech-universities-in-taiwan-small.jpg" alt="University talks in Taipei" /></a></div>
<p>The third event is an interview for that same publication scheduled by Yahoo!&#8217;s local &#8220;tech PR&#8221; team. I&#8217;m not used to giving in-person interviews, let alone via translator, so it should be a fun and unique (and flattering) experience. They sent over a few of the questions in advance to set expectations and I gotta say the questions are thought provoking and interesting. (Though I am a little worried about how to translate some of the more fuzzy terminology.)</p>
<p>The fun continues on Monday and Tuesday with my fourth and fifth even is as many days: I have the distinct privilege of address engineering and CS students from both <a href="http://en.wikipedia.org/wiki/National_Taiwan_University">National Taiwan University</a> and the <a href="http://en.wikipedia.org/wiki/National_Chiao_Tung_University">National Chiao Tung University</a>. Each two hour session is part presentation, part on-stage interview with professors, and part question-and-answer. My message is that Frontend Engineering is a first-rate engineering discipline, that industry is hungry for more skills practitioners in the field, and that it&#8217;s quite likely the most interesting and stimulating role to play in web and internet development.</p>
<p>I&#8217;m exceptionally humbled to be able to speak at such esteemed institutions. I will do my best to live up to the honor. Taiwan: Thank you!</p>
]]></content:encoded>
			<wfw:commentRss>http://nate.koechley.com/blog/2008/04/10/five-taipei-events/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>More small pieces fit together more ways</title>
		<link>http://nate.koechley.com/blog/2008/03/25/more-small-pieces-fit-together-more-ways/</link>
		<comments>http://nate.koechley.com/blog/2008/03/25/more-small-pieces-fit-together-more-ways/#comments</comments>
		<pubDate>Wed, 26 Mar 2008 03:35:00 +0000</pubDate>
		<dc:creator>Nate Koechley</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Front End Engineering]]></category>
		<category><![CDATA[Info Mgmt]]></category>
		<category><![CDATA[Social Web]]></category>
		<category><![CDATA[attention]]></category>

		<guid isPermaLink="false">http://nate.koechley.com/blog/2008/03/25/more-small-pieces-fit-together-more-ways/</guid>
		<description><![CDATA[In early February Todd Sampson wrote that The API is the Product. I think he&#8217;s right on. Behind the exciting buzz of sites and services that make getting bits of info online easy are some very cool APIs that let anybody and everybody create entirely new ways to input or output that same data. (The [...]]]></description>
			<content:encoded><![CDATA[<p>In early February Todd Sampson wrote that <a href="http://www.toddsampson.com/2008/02/04/the-api-is-the-product/">The API is the Product</a>. I think he&#8217;s right on. Behind the exciting buzz of sites and services that make getting bits of info online easy are some very cool APIs that let anybody and everybody create entirely new ways to input or output that same data. (The apparently trend to smaller pieces of data is interesting too, and part of the ease.) </p>
<p>Here are a few of those sites: <a href="http://fireeagle.yahoo.com">FireEagle</a> for location data (a single geocode), <a href="http://tripit.com">TripIt</a> for travel data, <a href="http://del.icio.us">Delicious</a> for links data (a single URL+ tags), <a href="http://thingfo.com">ThingFo</a> for experience data (in 30 chars), <a href="http://twitter.com">Twitter</a> for vitality data (140 chars).</p>
<p>These APIs make possible an undeniable wave of creative hacks within the small orbit of any of the services even individually. This growth testify to the mass variety of niche needs and personal priorities. <strong>It seems the <a href="http://nate.koechley.com/blog/2008/03/18/data-ocean-vs-document-lake/">ocean of data</a> is really a petri dish</strong>.</p>
<p>When these hacks cross-pollenate &#8212; when the ins and outs of the data sets start sharing and talking with each other &#8212; things get even more interesting.</p>
<p>Those that dismiss mashups as simply &#8220;things on a map,&#8221; &#8220;widgets on a blog,&#8221; or &#8220;applications on facebook&#8221; don&#8217;t see the full power. I don&#8217;t claim to either, but important coolness seems inevitable when data becomes small and abundant while APIs become prolific and potent. <strong>More small pieces fit together more ways</strong>. </p>
<p>(Perhaps this is a small part of why <a href="http://www.crockford.com/">Douglas Crockford</a> <a href="http://blog.programmableweb.com/2007/10/01/douglas-crockford-on-the-mashup-problem/">says</a> that &#8220;Mashups are the most interesting innovation in software development in decades.&#8221;)</p>
]]></content:encoded>
			<wfw:commentRss>http://nate.koechley.com/blog/2008/03/25/more-small-pieces-fit-together-more-ways/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Speaking at Web Design World in Chicago</title>
		<link>http://nate.koechley.com/blog/2008/03/24/speaking-at-web-desing-world-in-chicago/</link>
		<comments>http://nate.koechley.com/blog/2008/03/24/speaking-at-web-desing-world-in-chicago/#comments</comments>
		<pubDate>Mon, 24 Mar 2008 22:26:02 +0000</pubDate>
		<dc:creator>Nate Koechley</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Front End Engineering]]></category>
		<category><![CDATA[Life...]]></category>
		<category><![CDATA[Madison]]></category>
		<category><![CDATA[Talks]]></category>
		<category><![CDATA[Travel]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Yahoo!]]></category>

		<guid isPermaLink="false">http://nate.koechley.com/blog/2008/03/24/speaking-at-web-desing-world-in-chicago/</guid>
		<description><![CDATA[I&#8217;m happy to announce that I&#8217;ll be giving two presentations at the Web Design World conference in Chicago in May. My first session, the plenary on Tuesday, defines and discusses Professional Frontend Engineering. The second explores way to enhance web sites with the YUI Library. (Full descriptions of both talks below.)

You can save up to [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m happy to announce that I&#8217;ll be giving two presentations at the Web Design World conference in Chicago in May. My first session, the plenary on Tuesday, defines and discusses Professional Frontend Engineering. The second explores way to enhance web sites with the YUI Library. (Full descriptions of both talks below.)</p>
<p><img src="http://farm3.static.flickr.com/2349/2359406912_94b248bf76_o.gif" width="125" height="125" alt="Speaking at Web Design World, Chicago, May 5-7 2008" style="float:left;width:125px;display:block;margin-right:1em;" /></p>
<p>You can save up to $300 on registration when you <a href="https://center.uoregon.edu/conferences/redmondevents/wdw/wdwchi08/registration/">register online</a> (or via 800-280-6218) and use my special promo code <strong><code>SPKOE</code></strong>. Plus, using that code is worth a couple drinks on me after the sessions!</p>
<p>Here are longer descriptions of the two sessions. I&#8217;m still creating both of them, so please feel free to leave a comment below with feedback or requests for stuff you&#8217;d like to hear about.</p>
<h3>Professional Frontend Engineering</h3>
<blockquote><p>&#8220;In 2001, most web developers simply pushed pixels. The Web was pieced together by print designers and back-end engineers &#8211; almost no one was deeply focused on the front-end. Today, in 2008, as front-end engineers we author complex and efficient software and bend reluctant browsers to our will. And we are broadly recognized and respected as a first-order engineering specialization.</p>
<p>In this talk, I will define the characteristics and important practices of our discipline. I&#8217;ll discuss the key challenges we still face. And I&#8217;ll offer 13 tactical tips from the front lines that you can put into practice today.&#8221;</p>
</blockquote>
<h3>Enhancing Web Sites with the Yahoo! User Interface (YUI) Library</h3>
<blockquote><p>&#8220;YUI is chock full of more than 40 utilities, widgets and tools that make web development and browser-wrangling less painful for small personal sites and heavy-duty industry-leading applications alike. This all-new talk covers what&#8217;s new in 2008 (lots), what&#8217;s coming next (some very cool stuff), and some practical tips from the trenches. <strong>If you&#8217;re a seasoned YUI pro</strong>, you&#8217;ll learn about hidden features and optimization tips. <strong>If you&#8217;ve never heard of YUI</strong>, you&#8217;ll learn how to get started. And <strong>if you use a different library</strong>, you&#8217;ll learn about YUI&#8217;s library-agnostic tools for things like compression, profiling and unit testing. It&#8217;s gonna be fun.&#8221;</p>
</blockquote>
<h3>Meet Up?</h3>
<p>I&#8217;m looking forward to meeting designers and developers from all around Chicagoland. Please drop me a comment or email if you&#8217;re gonna be at the show &#8212; or even just in the area &#8212; and want to catch up for a drink or dinner. (I&#8217;m also planning on being in Madison, Wisconsin &#8212; my hometown &#8212; the weekend before the conference. So give me a shout if you&#8217;re in that neck of the woods.</p>
<h3>The Details</h3>
<ul>
<li><a href="http://webdesignworld.com/2008/chicago/">Official Web Design World Chicago site</a></li>
<li><a href="http://upcoming.yahoo.com/event/449888/">Web Design World on Upcoming</a></li>
</ul>
<p>See you there!</p>
]]></content:encoded>
			<wfw:commentRss>http://nate.koechley.com/blog/2008/03/24/speaking-at-web-desing-world-in-chicago/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Gotta Agree</title>
		<link>http://nate.koechley.com/blog/2008/03/21/apple-auto-update/</link>
		<comments>http://nate.koechley.com/blog/2008/03/21/apple-auto-update/#comments</comments>
		<pubDate>Sat, 22 Mar 2008 03:15:36 +0000</pubDate>
		<dc:creator>Nate Koechley</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Culture]]></category>
		<category><![CDATA[Front End Engineering]]></category>
		<category><![CDATA[Info Mgmt]]></category>

		<guid isPermaLink="false">http://nate.koechley.com/blog/2008/03/21/apple-auto-update/</guid>
		<description><![CDATA[Installing software people didn&#8217;t request erodes trust. It&#8217;s especially repugnant when it hitches a ride with a security or version update. Marshall Kirkpatrick&#8217;s right: downloading software has to be opt-in, not opt-out.
As technologists, we want up to date users. Beyond the real user-safety issues, it frustratingly holds us back. The oldest browser is the lowest [...]]]></description>
			<content:encoded><![CDATA[<p>Installing software people didn&#8217;t request erodes trust. It&#8217;s especially repugnant when it hitches a ride with a security or version update. Marshall Kirkpatrick&#8217;s <a href="http://www.readwriteweb.com/archives/safari_on_windows_scam.php">right</a>: downloading software has to be opt-in, not opt-out.</p>
<p>As technologists, we want up to date users. Beyond the real user-safety issues, it frustratingly holds us back. The oldest browser is the lowest common denominator and holds us all back. But sneaking new software into the sacred realm of auto-updating flows is unwise. We cannot take advantage of users at the exact moment we want them to trust us blindly and reflexively.</p>
<p>Multiple Apple products are within arm&#8217;s reach. My first technology experience several decades ago was on an Apple product. Love &#8216;em, but they should know better.</p>
<p>I&#8217;m glad John <a href="http://john.jubjubs.net/2008/03/21/apple-software-update/">wrote his post</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://nate.koechley.com/blog/2008/03/21/apple-auto-update/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML Slicers</title>
		<link>http://nate.koechley.com/blog/2008/03/21/html-slicers/</link>
		<comments>http://nate.koechley.com/blog/2008/03/21/html-slicers/#comments</comments>
		<pubDate>Fri, 21 Mar 2008 18:00:51 +0000</pubDate>
		<dc:creator>Nate Koechley</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Front End Engineering]]></category>
		<category><![CDATA[References]]></category>

		<guid isPermaLink="false">http://nate.koechley.com/blog/2008/03/21/html-slicers/</guid>
		<description><![CDATA[I&#8217;ve heard about various services that charge a flat rate to chop Photoshop (etc) files into clean (X)HTML and CSS, generally for a flat fee and quick turnaround. The topic came up today when a freelancing application developer buddy asked me about this type of service.
So this morning I asked my twitter followers (follow me!) [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve heard about various services that charge a flat rate to chop Photoshop (etc) files into clean (X)HTML and CSS, generally for a flat fee and quick turnaround. The topic came up today when a freelancing application developer buddy asked me about this type of service.</p>
<p>So this morning I <a href="http://twitter.com/natekoechley/statuses/775047503">asked</a> my twitter followers (<a href="http://twitter.com/natekoechley">follow me</a>!) which services they knew of. Here&#8217;s what came back (in a matter of <em>minutes</em> &#8211; gotta love twitter!):</p>
<ul>
<li><a href="http://www.psd2html.com/">psd2html.com</a></li>
<li><a href="http://w3-markup.com/">w3-markup.com</a></li>
<li><a href="http://www.xhtml-slice.com/">xhtml-slice.com</a></li>
<li><a href="http://www.slicerus.com/">slicerus.com</a></li>
<li><a href="http://xhtmlit.com/">xhtmlit.com</a></li>
<li><a href="http://xhtmlized.com/">xhtmlized.com</a></li>
<li><a href="http://www.xhtmlgenius.com/">xhtmlgenius.com</a></li>
</ul>
<p>Then <a href="http://twitter.com/jasonw22/statuses/775048254">@jasonw22</a> pointed out that Jonathan Snook (a hero of mine) has a <a href="http://snook.ca/archives/html_and_css/html_css_services/">list of about 20 such services</a>, and just this week posted a <a href="http://www.snook.ca/archives/business/review_psd2html/">review of his experience auditioning the psd2html service</a>.</p>
<p>If you&#8217;ve used any of these services, I&#8217;d love to hear about your experiences in the comments below (and of other services you may know of or recommend).</p>
<p>I&#8217;ll report back on my friend&#8217;s experience. </p>
<p>(I must mention, in closing, that I&#8217;m skeptical of such services. I&#8217;ve spent the last several years of my career promoting the professionalism of frontend engineering, and so I have a twang of fear that these services are a step in the wrong direction. Then again, perhaps services such as these &#8212; if, in fact, the quality is there &#8212; prove that some aspects of &#8220;professional grade&#8221; web development are now par for the course. Jury&#8217;s still out.)</p>
]]></content:encoded>
			<wfw:commentRss>http://nate.koechley.com/blog/2008/03/21/html-slicers/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
	</channel>
</rss>

