<?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>Advanced CSS Design Resources - last-child.com &#187; XML</title>
	<atom:link href="http://www.last-child.com/category/xml/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.last-child.com</link>
	<description>CSS Toys for Professional Web Developers</description>
	<lastBuildDate>Thu, 08 Jul 2010 16:59:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Great job opening for senior web devs</title>
		<link>http://www.last-child.com/great-job-opening-for-senior-web-devs/</link>
		<comments>http://www.last-child.com/great-job-opening-for-senior-web-devs/#comments</comments>
		<pubDate>Tue, 19 Jun 2007 18:43:06 +0000</pubDate>
		<dc:creator>Ted</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[XSL]]></category>
		<category><![CDATA[Yahoo!]]></category>

		<guid isPermaLink="false">http://www.last-child.com/great-job-opening-for-senior-web-devs/</guid>
		<description><![CDATA[posted: June 19, 2007 If you like to travel, work on many different projects, and make a difference to millions of web viewers&#8230; I&#8217;ve got the job opening for you. Skills required You&#8217;ve worked with web applications before You are solid with HTML, CSS, Semantic Markup, and JavaScript Knowledge of XML, XSL, PHP Ability to [...]]]></description>
			<content:encoded><![CDATA[<p>posted: June 19, 2007</p>
<p>If you like to travel, work on many different projects, and make a difference to millions of web viewers&#8230; I&#8217;ve got the job opening for you.</p>
<h3>Skills required</h3>
<ul>
<li>You&#8217;ve worked with web applications before</li>
<li>You are solid with HTML, CSS, Semantic Markup, and JavaScript</li>
<li>Knowledge of XML, XSL, PHP</li>
<li>Ability to work with people, strong communication, and passion about the web industry</li>
</ul>
<p>This is an interesting job and you&#8217;ll certainly be challenged. The team is filled with brilliant programmers and are making an impact on the web.</p>
<p>Send resumes and sample web sites to me directly <a href="mailto:ted@tdrake.net?subject: job opening">Ted@tdrake.net</a> and I will pass them on to the right person. You can get more information and submit your resume here: <a href="http://pljb6.rmx.scd.yahoo.com/pljb/global_jsp/applicant/DisplayJob/JobDetails.jsp?display=1&#038;pljbHome=/yahoo/yahoo_jobs/applicant/index.jsp&#038;id=9649">Senior Front End Engineer, Yahoo! MediaSuite</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.last-child.com/great-job-opening-for-senior-web-devs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aggregate RSS from all over the web with Yahoo! Pipes</title>
		<link>http://www.last-child.com/aggregate-rss-from-all-over-the-web-with-yahoo-pipes/</link>
		<comments>http://www.last-child.com/aggregate-rss-from-all-over-the-web-with-yahoo-pipes/#comments</comments>
		<pubDate>Thu, 08 Feb 2007 17:19:26 +0000</pubDate>
		<dc:creator>Ted</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[Online Resource]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[Yahoo!]]></category>

		<guid isPermaLink="false">http://www.last-child.com/aggregate-rss-from-all-over-the-web-with-yahoo-pipes/</guid>
		<description><![CDATA[Yahoo! has been thriving on hacks. It&#8217;s quarterly Hack Days have given engineers the opportunity to build radical and sometimes silly alterations of existing services. Once in a while, these hacks are truly revolutionary. Enter Yahoo! Pipes. This super cool project started as a Hack and has now become an official project. How cool is [...]]]></description>
			<content:encoded><![CDATA[<p>Yahoo! has been thriving on <a href="http://hackday.org/">hacks</a>. It&#8217;s quarterly Hack Days have given engineers the opportunity to build radical and sometimes silly alterations of existing services.  Once in a while, these hacks are truly revolutionary.  Enter <a href="http://pipes.yahoo.com/">Yahoo! Pipes</a>. </p>
<p><a href="http://pipes.yahoo.com/"><img id="image114" src="http://www.last-child.com/wp-content/uploads/2007/02/logo-lg.gif" alt="Yahoo Pipes" /></a><br />
This super cool project started as a Hack and has now become an official project. How cool is it? Think of the impact <a href="http://digg.com">Digg</a>, <a href="http://flickr.com">Flickr</a>, <a href="http://del.icio.us/">Delicious</a>, <a href="http://technorati.com">Technorati</a>, and <a href="http://youtube.com">YouTube</a> had on the internet in 2006. Pipes has that potential!</p>
<p>So, what is this potential &#8220;<a href="http://cagle.msnbc.com/news/GingertheScooter/main.asp">Segway</a>&#8221; product? Pipes allows you to create aggregated feeds to publish on your own site.  </p>
<p>Lets say you wanted to create a web page about Pizza in someone&#8217;s local area. B.P. (Before Pipes) you would have to write code for a form requesting a zip code, you&#8217;d then have to write code to request the appropriate rss feed from <a href="http://local.yahoo.com">Yahoo! Local</a> for restaurants, <a href="http://www.epicurious.com/recipes/find/results?search=pizza">Epicurious</a>  for recipes, Craigslist for <a href="http://sfbay.craigslist.org/search/ppp?query=pizza">pizza loving personal ads</a>, Flickr for <a href="http://www.flickr.com/search/?q=pizza&#038;w=all">images of pizza</a>, etc. You&#8217;d then have to parse the XML and build  modules to display the information.</p>
<p>That&#8217;s a lot of work for a simple project.</p>
<h3>Enter the Pipe</h3>
<p>Pipes allows you to do all of this in a simple drag and drop interface. I first used it in its early Alpha stage and it took me about 10 minutes to figure out what was happening. They&#8217;ve steadily worked on the interface and you can accomplish the above tasks in about 5 minutes. You can then use their tools to publish the results to your own blog or web site.</p>
<p>Mashing up has now become easier than opening a box of potato flakes and adding water.  This is big folks, really big.</p>
<p>Here&#8217;s how the Pipes team describes their goal</p>
<blockquote cite="http://pipes.yahoo.com/"><p>
Pipes is an interactive feed aggregator and manipulator. Using Pipes, you can create feeds that are more powerful, useful and relevant.<br />
<cite><a href="http://pipes.yahoo.com/">pipes.yahoo.com</a></cite>
</p></blockquote>
<h4>It ain&#8217;t perfect&#8230; yet</h4>
<p>Pipes does have some rough edges, there&#8217;s no doubt about it.  It&#8217;s not very accessible, but they&#8217;re working on that right now. If you have suggestions or find bugs, <a href="http://discuss.pipes.yahoo.com/yahoo/Message_Boards_for_Pipes/">let them know</a>.   </p>
<p>Enjoy this site as the super-cool, revolutionary site it is. It&#8217;s was created with passion and hard work by a small devoted team. They&#8217;ve got the spirit of a startup with the power of Yahoo!  </p>
<p>Enjoy the new A.P. Era (After Pipes).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.last-child.com/aggregate-rss-from-all-over-the-web-with-yahoo-pipes/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Add OpenSearch to your web site</title>
		<link>http://www.last-child.com/add-opensearch-to-your-web-site/</link>
		<comments>http://www.last-child.com/add-opensearch-to-your-web-site/#comments</comments>
		<pubDate>Wed, 30 Aug 2006 03:15:12 +0000</pubDate>
		<dc:creator>Ted</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[Online Resource]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[Yahoo!]]></category>
		<category><![CDATA[atmedia]]></category>

		<guid isPermaLink="false">http://www.last-child.com/add-opensearch-to-your-web-site/</guid>
		<description><![CDATA[Chris Wilson, the main guy behind IE7 (and older versions) discussed several new features of Internet Explorer 7 at the @media conference in London. One feature in particular that stood out for me was the OpenSearch protocol. Adding this to your site can be easy, it can also be a headache. What is OpenSearch? OpenSearch [...]]]></description>
			<content:encoded><![CDATA[<p>
<a href="http://blogs.msdn.com/cwilso/">Chris Wilson</a>, the main guy behind <a href="http://www.microsoft.com/windows/ie/default.mspx">IE7</a> (and older versions)  discussed several new features of Internet Explorer 7 at the <a href="http://www.vivabit.com/atmedia2006/sessions/#ie7">@media</a> conference  in London. One  feature in particular that stood out for me was the <a href="http://opensearch.a9.com/">OpenSearch</a> protocol. Adding  this to your site can be easy, it can also be a headache. </p>
<h3>What is OpenSearch?</h3>
<p>
OpenSearch was developed by Amazon&rsquo;s A9 search engine to  enable  aggregators to easily acquire content and make more robust  search result pages. Internet Explorer 7 is using this protocol to give users  the ability to search a site via the integrated search box.&nbsp; It&rsquo;s a two step process: create an XML  document that defines your site&rsquo;s search engine methods and then place a link  to that XML in your page header. It sounds simple enough lets see it in action  and then learn how to build the XML document.</p>
<h3>Using OpenSearch</h3>
<p>
<a href="http://tech.yahoo.com">Yahoo! Tech</a> recently added OpenSearch. If you have Internet  Explorer 7 on your computer, you can enjoy the OpenSearch experience right  away.&nbsp; If you don&rsquo;t have IE7 yet,  <a href="http://www.microsoft.com/windows/ie/default.mspx">download it now!</a></p>
<p>
<img id="image92" src="http://www.last-child.com/wp-content/uploads/2006/08/tech-opensearch.gif" alt="Yahoo! Tech and OpenSearch" /><br />
Internet Explorer 7 has a built in search box in the top  right of the page. If you have added OpenSearch to your site you will notice  the box has an orange down arrow. Clicking on this arrow will expose a new  menu. You can now search this site via the box and add the site to your favorite  search engines.</p>
<p>
  If your site offers search results in RSS or Atom format,  you&rsquo;ll get enhanced functionality in your search results. Yahoo! Tech only  features HTML results, so we give you the option of using the built in search  box.&nbsp; </p>
<p>
At this point you may be saying&hellip; Is that all there is?&nbsp; Well, yes. With a little bit of work, you are  giving your visitors the ability to search from the built in search box and you  are making it easier for A9 and other search engines to spider your content and  surface your site in their results.&nbsp;  Let&rsquo;s look at how easy it is to implement.</p>
<h3>The OpenSearch XML</h3>
<p>
The XML document is fairly simple, you define the site&rsquo;s  name, description, attributions, favicon, and other simple elements. The  important element is the Url.&nbsp; This is  where you define the location of your search engine and the parameter passed to  define the query.</p>
<p>
On Yahoo! Tech, the search page is <strong>tech.yahoo.com/sp</strong> and the query is  passed as <strong>prod=search+term</strong>.&nbsp; The  OpenSearch XML expects you to use this specific markup <em>{searchTerms}</em> where you  want the engine or IE7 search box to insert the query terms. Further, I found  it much easier to write the url as a whole string, rather than setting the prod  parameter as a sub-element. You can also allow the search engines to narrow the  results by number <em>{count}</em> and more.</p>
<h3>Let&rsquo;s look at the XML in depth.</h3>
<p><code lang="XML"><br />
<?xml version="1.0" encoding="UTF-8" ?><br />
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/"><br />
</code></p>
<p>
Start off the xml file with the standard opening. We then  open the OpenSearchDescription element. There is a link to a9.com to define the  namespace.</p>
<p><code lang="XML"><br />
<ShortName>Yahoo! Tech</ShortName><br />
<Description>Search for the best gadgets and how to use your tech gear on Yahoo! Tech</Description><br />
<Tags>tech gadgets technology cameras phones shopping</Tags><br />
</code></p>
<p>
Define a short name for your site. Give it a description and  the tags that define your site.</p>
<p><code lang="XML"><br />
<Url type="text/html" template="http://tech.yahoo.com/sp?prod={searchTerms}"><br />
<Param name="results" value="{count}" /><br />
</Url><br />
</code></p>
<p>
Yahoo! Tech is only providing an HTML version of the search  results; you can visit the search result page. If we provided an RSS version  the type would be application/rss+xml. The template  is the location of the final search page. Notice how the searchTerms variable  is inline. Ideally, I could have left <em>?prod=&hellip;</em> out of the url and defined it as  a parameter, but this caused inconsistent implementation.</p>
<p>
  We then define another parameter, the results and the value  is the OpenSearch variable for the number of results returned. You can see a  full list of parameters on the <a href="http://opensearch.a9.com/spec/1.1/">A9 OpenSearch</a> web site.</p>
<p><code lang="XML"><br />
<LongName>Yahoo! Tech Search</LongName><br />
<Developer>Yahoo! Tech</Developer><br />
<Attribution>Copyright © 2006 Yahoo! Inc. All rights reserved.</Attribution><br />
<Image height="16" width="16" type="image/vnd.microsoft.icon">http://www.yahoo.com/favicon.ico</Image><br />
</code></p>
<p>
We are now providing a longer name where it is appropriate  to display it. The developer is Yahoo! Tech. The attribution is how we want  results credited. We are using&nbsp; the  standard copyright information. We also define&nbsp;  the location of our favicon. You can define multiple icons for inside  the box and if you have RSS, on the results page.</p>
<p><code lang="XML"><br />
<!-- extra info about content --><br />
<SyndicationRight>open</SyndicationRight><br />
<AdultContent>false</AdultContent><br />
<Language>en-us</Language><br />
<OutputEncoding>UTF-8</OutputEncoding><br />
<InputEncoding>UTF-8</InputEncoding><br />
</OpenSearchDescription><br />
</code></p>
<p>
Finally, we add some extra information about the display,  search content, and close the XML. Overall, it&rsquo;s a fairly small, simple bit of  XML(<a href="http://tech.yahoo.com/tech-opensearch.xml">tech-opensearch.xml</a>). &nbsp;There&rsquo;s a full list of parameters  you can add to your search query and elements to define your xml at: <a href="http://opensearch.a9.com/spec/1.1/">http://opensearch.a9.com/spec/1.1/</a></p>
<h3>Do you want to make it even easier?</h3>
<p>
Go over to <a href="http://www.enhanceie.com">Enhance IE</a> and use their simple <a href="http://www.enhanceie.com/IE/SearchBuilder.asp">OpenSearch  generator</a> to build the XML for you! Simply do a search for TEST on your site  and copy that url into their form. Voila, you&rsquo;ve got a basic OpenSearch XML  file. </p>
<h3>Activating your OpenSearch XML</h3>
<p>
If you provide an RSS or Atom feed, you can log in to A9 and  register your site.  Internet Explorer 7 also needs to know where your  XML document is located as well.&nbsp; Simply  add a link to it in the head of your document:</p>
<p><code lang="HTML"></p>
<link rel="search" type="application/opensearchdescription+xml" title="Yahoo! Tech Search" href="/tech-opensearch.xml" />
</code></p>
<p>
While Chris was busy hyping the latest features of Internet  Explorer 7, the OpenSearch protocol will also be supported by Firefox 2.0.  That&rsquo;s two for the price of one!.</p>
<h3>WordPress and OpenSearch</h3>
<p>
If it&rsquo;s so easy, why doesn&rsquo;t it work on this blog? WordPress  blogs are setup to use the index page as the search page.&nbsp; This is the results page for a search of XML  on this blog: <a href="http://last-child.com/index.php?s=xml">http://last-child.com/index.php?s=xml</a></p>
<p>
I&rsquo;ve tried setting up the XML to point towards index.php and get the subsequent errors.&nbsp;  Chris Fairbanks has released an OpenSearch plugin for WordPress (<a href="http://www.williamsburger.com/wb/archives/opensearch-v-1-0">http://www.williamsburger.com/wb/archives/opensearch-v-1-0</a>).&nbsp; It&rsquo;s not a simple procedure and I simply  haven&rsquo;t had time to implement it. </p>
<p>With the introduction of <a href="http://microformats.org">Microformats</a> and the OpenSearch protocol, the (lowercase!) semantic web is getting closer to being a reality. This bit of xml is fairly easy to generate and opens your site to new audiences and functionality. Spend an hour or two getting acquainted with the OpenSearch concept and activate your site today.</p>
<h3>Related Information</h3>
<ul>
<li><a href="http://opensearch.a9.com/">OpenSearch Home Page</a></li>
<li><a href="http://blogs.msdn.com/ie/archive/2006/02/10/529950.aspx">OpenSearch in Internet Explorer 7</a></li>
<li><a href="http://blogs.msdn.com/ie/archive/2005/09/14/466278.aspx">Behind the Scenes of IE7 and Open Search</a></li>
<li><a href="http://developer.mozilla.org/en/docs/Creating_MozSearch_plugins">Firefox and OpenSearch</a></li>
<li><a href="http://www.williamsburger.com/wb/archives/opensearch-v-1-0">Chris Fairbanks&rsquo; OpenSearch WordPress plugin</a></li>
<li><a href="http://www.enhanceie.com/IE/SearchBuilder.asp">OpenSearch XML Creator</a> </li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.last-child.com/add-opensearch-to-your-web-site/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
