<?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>Webmonkey &#187; APIs</title>
    <atom:link href="http://www.webmonkey.com/category/apis/feed/" rel="self" type="application/rss+xml" />
    <link>http://www.webmonkey.com</link>
    <description>The Web Developer&#039;s Resource</description>
    <lastBuildDate>Fri, 05 Apr 2013 20:20:46 +0000</lastBuildDate>
    <language>en-US</language>
    <sy:updatePeriod>hourly</sy:updatePeriod>
    <sy:updateFrequency>1</sy:updateFrequency>
    <generator>http://wordpress.org/?v=3.4.2</generator>
    
    <item>
        <title>Improve Your Website&#8217;s Accessibility With the W3C&#8217;s &#8216;Guide to Using ARIA&#8217;</title>
        <link>http://www.webmonkey.com/2013/02/improve-your-websites-accessibility-with-the-w3cs-guide-to-using-aria/</link>
        <comments>http://www.webmonkey.com/2013/02/improve-your-websites-accessibility-with-the-w3cs-guide-to-using-aria/#comments</comments>
        <pubDate>Thu, 14 Feb 2013 21:40:40 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=60925</guid>
        		<category><![CDATA[APIs]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Web Standards]]></category>
        <description><![CDATA[WAI-ARIA, the W3C&#8217;s specification for Accessible Rich Internet Applications, provides web developers with a means of annotating page elements with the roles, properties, and states that define exactly what those elements do. The added definitions help screen readers and other assistive devices navigate through your website. We&#8217;ve looked at how you can use ARIA roles [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><a href="http://www.webmonkey.com/wp-content/uploads/2011/01/masks.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2011/01/masks.jpg" alt="" title="masks" width="300" height="233" class="alignleft size-full wp-image-49543" /></a>WAI-ARIA, the W3C&#8217;s specification for <a href="http://www.w3.org/WAI/PF/aria/">Accessible Rich Internet Applications</a>, provides web developers with a means of annotating page elements with the roles, properties, and states that define exactly what those elements do. The added definitions help screen readers and other assistive devices navigate through your website.</p>
<p>We&#8217;ve looked at how you can use ARIA roles to not just <a href="http://www.webmonkey.com/2011/11/wai-aria-gets-ready-for-a-starring-role-in-html5/">improve your site&#8217;s accessibility</a>, but <a href="http://www.webmonkey.com/2011/01/styling-webpages-with-arias-landmark-roles/">style elements</a> as well, but now you can get the official word from the W3C. The W3C has <a href="http://www.w3.org/News/2013.html#entry-9721">published</a> the First Public Working Draft of <a href="http://www.w3.org/TR/2013/WD-aria-in-html-20130214/">Using WAI-ARIA in HTML</a>. </p>
<p>The W3C&#8217;s guide goes beyond the ARIA Landmark Roles that we&#8217;ve covered in the past, offering suggestions on how ARIA can help with HTML5 apps that load dynamic content or build entire interfaces with JavaScript. In fact, this is where the true power of ARIA comes into play since there is often no other way for assistive devices to get at your application&#8217;s data.</p>
<p>Unfortunately not everything in the ARIA spec works in every screen reader. Support for the landmark roles is <a href="http://www.html5accessibility.com/tests/landmarks.html">pretty solid</a>, but much of the rest remains a work in progress. As always there&#8217;s no substitute for real world testing. </p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2013/02/improve-your-websites-accessibility-with-the-w3cs-guide-to-using-aria/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Google, Mozilla Team Up for Skype-Killing Video Call Demo</title>
        <link>http://www.webmonkey.com/2013/02/google-mozilla-team-up-for-skype-killing-video-call-demo/</link>
        <comments>http://www.webmonkey.com/2013/02/google-mozilla-team-up-for-skype-killing-video-call-demo/#comments</comments>
        <pubDate>Tue, 05 Feb 2013 17:37:28 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=60820</guid>
        		<category><![CDATA[APIs]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[WebRTC]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2013/02/webrtc-200x100.png" type="image/png" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2013/02/webrtc.png" alt="Google, Mozilla Team Up for Skype-Killing Video Call Demo" /></div>It's too soon to throw out Skype, but Mozilla and Google are hard at work on a browser-based solution that offers the tantalizing possibility that one day soon you might not need Skype, Facebook or any other third-party server to chat with friends around the web.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><div id="attachment_60823" class="wp-caption alignleft" style="width: 310px"><a href="http://www.webmonkey.com/wp-content/uploads/2013/02/webrtc.png"><img src="http://www.webmonkey.com/wp-content/uploads/2013/02/webrtc.png" alt="" title="webrtc" width="300" height="292" class="size-full wp-image-60823" /></a><p class="wp-caption-text">Modified WebRTC logo by <a href="https://secure.flickr.com/photos/86979666@N00/8117046049/">Tsahi Levent-Levi/Flickr</a></em>.</p></div>Google and Mozilla, erstwhile rivals in the web browser world, have <a href="http://blog.chromium.org/2013/02/hello-firefox-this-is-chrome-calling.html">teamed up</a> to show off the power of WebRTC by creating a web-based video chat app &#8212; think Skype without Skype.</p>
<p>The demo bypasses a centralized server and instead makes a direct peer-to-peer connection between browsers. The key component of the demo is a set of work-in-progress standards known as <a href="http://www.webrtc.org/">WebRTC</a>.</p>
<p>WebRTC is a proposed standard &#8212; currently being refined by the W3C &#8212; with the goal of providing a web-based set of tools that any device can use to share audio, video and data in real time. It&#8217;s still in the early stages, but WebRTC has the potential to supplant Skype, Flash and many device-native apps with web-based alternatives that work on any device.</p>
<p>The app that the Chrome and Firefox teams developed is <a href="https://code.google.com/p/webrtc-samples/source/browse/trunk/apprtc/">available on Google Code</a> and there&#8217;s a demo app <a href="https://apprtc.appspot.com/">available on Google app engine</a> if you&#8217;d like to try it out for yourself. To make it work you&#8217;ll need to use either <a href="http://nightly.mozilla.org/">Firefox Nightly</a> or Chrome 25 (currently in the beta channel). In Firefox, you&#8217;ll need to go to <code>about:config</code> and set <code>media.peerconnection.enabled</code> to &#8220;true.”</p>
<p>Mozilla has previously showed off a <a href="http://www.webmonkey.com/2012/12/mozilla-blends-social-api-webrtc-for-more-social-web-apps/">demo of WebRTC with it Social API</a> and Chrome has previously used parts of WebRTC for an interactive <a href="http://www.webmonkey.com/2012/08/chrome-21-looks-and-listens-thanks-to-webrtc-standard/">sand sketching experiment</a>. This latest demo relies on a new WebRTC trick known as RTCPeerConnection, which should arrive in final form in Chrome next month and Firefox around the end of May. The RTCPeerConnection support in both browsers means there&#8217;s no need for plugins and developers can rest assured their apps will &#8220;just work&#8221; across browsers. Together Chrome and Firefox account for <a href="http://gs.statcounter.com/#browser-ww-monthly-201201-201301-bar">just under 60 percent of browsers on the web</a>. </p>
<p>There is of course one other major browser that&#8217;s not yet coming to the WebRTC party. </p>
<p>Indeed Microsoft has proposed a WebRTC competitor to the W3C, though thus far little has happened beyond the initial proposal. As it stands now neither WebRTC nor Microsoft&#8217;s competing <a href="html5labs.interopbridges.com/prototypes/cu-rtc-web/cu-rtc-web/info">CU-RTC-Web proposal</a> are actual W3C standards, but work is progressing on WebRTC and, with browsers already implementing it in the wild, it stands a much better chance of becoming a standard one day.</p>
<p>It&#8217;s still a little early to throw out Skype. For now you&#8217;ll have to content yourself with a very cool demo and the tantalizing possibility to one day soon you might not need Skype, Facebook or any other third-party server to chat with friends around the web.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2013/02/google-mozilla-team-up-for-skype-killing-video-call-demo/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Amazon Tackles Web Video With New Conversion Service</title>
        <link>http://www.webmonkey.com/2013/01/amazon-tackles-web-video-with-new-conversion-service/</link>
        <comments>http://www.webmonkey.com/2013/01/amazon-tackles-web-video-with-new-conversion-service/#comments</comments>
        <pubDate>Tue, 29 Jan 2013 16:29:16 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=60709</guid>
        		<category><![CDATA[APIs]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Amazon]]></category>
		<category><![CDATA[AWS]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2013/01/image-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2013/01/image.jpg" alt="Amazon Tackles Web Video With New Conversion Service" /></div>Want to build the next YouTube? Amazon can help. The company is making it easier to get started in the video hosting business, adding a new transcoding service to Amazon's growing stable of cloud-based tools for developers.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><div id="attachment_60711" class="wp-caption alignnone" style="width: 591px"><a href="http://www.flickr.com/photos/pagedooley/5192063662/"><img src="http://www.webmonkey.com/wp-content/uploads/2013/01/image.jpg" alt="" title="image" width="581" height="422" class="size-full wp-image-60711" /></a><p class="wp-caption-text"><em>Image: <a href="http://www.flickr.com/photos/pagedooley/5192063662/">Kevin Dooley/Flickr</a></em>.</p></div>Amazon is getting into the web video game with a <a href="http://aws.typepad.com/aws/2013/01/amazon-elastic-transcoder.html">new video transcoding service</a> aimed at making it easy to build the next YouTube.</p>
<p>Transcoding video is the process of taking a user uploaded video and converting it to a video format that works on the web, typically MP4 and WebM. Consumer video services like YouTube and Vimeo handle this for you behind the scenes. But if you want to actually build the next Vimeo or YouTube you&#8217;re going to have transcode video.</p>
<p>Open source tools like <code>ffmpeg</code> simplify the video transcoding process, but require considerable server power to operate at scale. And server power is something Amazon has in spades.</p>
<p>Amazon&#8217;s foray into video is hardly the first cloud-powered video transcoding service &#8212; <a href="http://zencoder.com/en/">Zencoder</a> is another popular service (and runs on Amazon servers) &#8212; but Amazon&#8217;s offering is marginally cheaper and well-integrated with the company&#8217;s other services.</p>
<p>The Amazon Elastic Transcoder works in conjunction with the company&#8217;s other cloud offerings like S3 file storage. You send a video from one S3 &#8220;bucket&#8221; to Transcoder, which then converts it to the formats you need and writes the resulting files to another S3 bucket.</p>
<p>For now the Elastic Transcoder will only output MP4 video containers with Apple-friendly H.264 video and AAC audio. The new Transcoder options in the Amazon Web Services control panel allow you to create various quality presets if, for example, you&#8217;re delivering video to both mobile and desktop clients.</p>
<p>As with all Amazon Web Services the new Transcoder has a pay-as-you-go pricing model with rates starting at $0.015 per minute for standard definition video (less than 720p) and $0.030 per minute for HD video. That means transcoding a 10 minute video (the max on YouTube) would cost you $.15 for SD output and $.30 for HD, which sounds cheap until you start looking at transcoding several hundred 10-minute videos a day (200 a day would set you back $60 a day for HD). Amazon&#8217;s <a href="http://aws.amazon.com/free/">free usage tier</a> will get you 20 minutes of SD video or 10 minutes of HD video encoded for free each month. </p>
<p>Amazon&#8217;s rates are marginally cheaper than Zencoder, which charges $0.020/minute for SD and double that for HD. Zencoder does have a considerable edge when it comes to output format though, offering pretty much anything you&#8217;d need for the web, including live streaming, while, at least for now, Amazon&#8217;s offering is limited to MP4.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2013/01/amazon-tackles-web-video-with-new-conversion-service/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Google&#8217;s Cloud Platform Floats Over to GitHub</title>
        <link>http://www.webmonkey.com/2013/01/googles-cloud-platform-floats-over-to-github/</link>
        <comments>http://www.webmonkey.com/2013/01/googles-cloud-platform-floats-over-to-github/#comments</comments>
        <pubDate>Wed, 23 Jan 2013 19:18:20 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=60648</guid>
        		<category><![CDATA[APIs]]></category>
		<category><![CDATA[Web Services]]></category>
		<category><![CDATA[Github]]></category>
		<category><![CDATA[Google]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2013/01/cloud_w.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2013/01/cloud_w.jpg" alt="Google&#8217;s Cloud Platform Floats Over to GitHub" /></div>The core elements of Google's cloud computing platform are now available via GitHub, giving developers a quick, easy way to clone and experiment with Google's offerings.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><div id="attachment_58551" class="wp-caption alignnone" style="width: 590px"><a href="http://www.flickr.com/photos/nirak/644336486/"><img src="http://www.webmonkey.com/wp-content/uploads/2012/08/clouds.jpg" alt="" title="clouds" width="580" class="size-full wp-image-58551" /></a><p class="wp-caption-text"><em>Image: <a href="http://www.flickr.com/photos/nirak/644336486/">Karin Dalziel/Flickr</a></em>.</p></div></p>
<p>Google&#8217;s Cloud Platform tools are now <a href="http://google-opensource.blogspot.com/2013/01/find-sample-code-and-more-for-google.html">available on GitHub</a>. The move to GitHub will make it easier for developers already using GitHub to get started with Google&#8217;s <a href="https://github.com/GoogleCloudPlatform">various Cloud Platform offerings</a>.</p>
<p>Thus far most of the repositories in Google&#8217;s <a href="https://github.com/GoogleCloudPlatform">GitHub account</a> consist of code samples and projects related to offerings like <a href="https://developers.google.com/appengine/">App Engine</a>, <a href="https://developers.google.com/bigquery/">BigQuery</a>, <a href="https://developers.google.com/compute/">Compute Engine</a>, <a href="https://developers.google.com/cloud-sql/">Cloud SQL</a>, and <a href="https://developers.google.com/storage/">Cloud Storage</a>. </p>
<p>The Google Open Source Blog <a href="http://google-opensource.blogspot.com/2013/01/find-sample-code-and-more-for-google.html">says</a> that most of Google Cloud Platform&#8217;s existing open source tools will be migrated to the new GitHub organization &#8220;over time.&#8221;</p>
<p>For now though you can get started building apps on Google Cloud Platform just by forking one of the demo repositories and tweaking the code to fit your project. Sample apps like the guestbook demos for <a href="https://github.com/GoogleCloudPlatform/appengine-guestbook-namespaces-python">Python</a> and <a href="https://github.com/GoogleCloudPlatform/appengine-gwtguestbook-namespaces-java">Java</a>, along with the <a href="https://github.com/GoogleCloudPlatform/storage-oauth2-tool-python">OAuth 2 helper</a> apps, make a good place to start if you&#8217;ve never built anything on Google&#8217;s cloud platform before.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2013/01/googles-cloud-platform-floats-over-to-github/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>&#8216;Tis the Season &#8230; To Write Better Code</title>
        <link>http://www.webmonkey.com/2012/12/tis-the-season-to-write-better-code/</link>
        <comments>http://www.webmonkey.com/2012/12/tis-the-season-to-write-better-code/#comments</comments>
        <pubDate>Tue, 04 Dec 2012 18:37:29 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=60172</guid>
        		<category><![CDATA[APIs]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Tutorials]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/12/advent-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/12/advent.jpg" alt="&#8216;Tis the Season &#8230; To Write Better Code" /></div>Get into the holiday spirit with advent calendars for web nerds -- 24 tutorials to tide you through the holiday season.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><div id="attachment_60173" class="wp-caption alignleft" style="width: 235px"><img src="http://www.webmonkey.com/wp-content/uploads/2012/12/advent.jpg" alt="" title="advent" width="225" height="300" class="size-full wp-image-60173" /><p class="wp-caption-text"><em>Image: <a href="http://www.instructables.com/image/FO0Y4APFOHTTVO7">Instructables, Altoids Advent Calendar/CC</a></em>.</p></div>
<p>The holidays are here and for web nerds that means only one thing &#8212; another wave of advent tutorials is hitting the web.</p>
<p>It doesn&#8217;t feel much like winter right now at the Webmonkey lair, but that&#8217;s okay because we mark the start of the holiday season by the launch of <a href="http://24ways.org/2012/" target="_blank">24Ways</a>, the grand poobah of advent calendars for web nerds. 24Ways has been an annual tradition since 2005, offering 24 articles packed with new tips and tricks showcasing some of the year&#8217;s best new ideas in web development.</p>
<p>This year&#8217;s 24Ways kicked off with a tutorial on <a href="http://24ways.org/2012/html5-video-bumpers/" target="_blank">HTML5 Video &#8220;Bumpers&#8221;</a> by 24Ways founder Drew McLellan. Other articles thus far include how to <a href="http://24ways.org/2012/starting-your-project-on-the-right-foot/" target="_blank">start a project on the right foot</a>, how to <a href="http://24ways.org/2012/being-prepared-to-contribute/" target="_blank">contribute code to the community</a> and Geri Coady&#8217;s excellent article on <a href="http://24ways.org/2012/colour-accessibility/" target="_blank">Color Accessibility</a>.</p>
<p>While 24Ways may be the biggest name in advent tutorials, it&#8217;s not lacking for competition these days. We also recommend the <a href="http://calendar.perfplanet.com/2012/" target="_blank">Performance Calendar</a>, which tackles the often confusing world of website optimization. There&#8217;s also <a href="http://advent2012.digitpaint.nl/" target="_blank">Digitpaint&#8217;s advent calendar</a> which we enjoyed last year and has already published some nice articles this year, including this <a href="http://advent2012.digitpaint.nl/4/" target="_blank">look at CSS filters</a>.</p>
<p>If you&#8217;re missing another favorite, the PHP Advent Calendar, fear not, it has returned, but with a new name and domain: PHP Advent is now <a href="http://webadvent.org/2012/">Web Advent</a>. The name may have changed, but Web Advent offers similarly great content, like this article on <a href="http://webadvent.org/2012/the-gift-of-sharing-what-you-know-by-heather-payne" target="_blank">Sharing What You Know</a> by Heather Payne, the founder of <a href="http://ladieslearningcode.com/" target="_blank">Ladies Learning Code</a>.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/12/tis-the-season-to-write-better-code/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>BBC Taps the Past to Showcase the Future of Web Audio</title>
        <link>http://www.webmonkey.com/2012/12/bbc-taps-the-past-to-showcase-the-future-of-web-audio/</link>
        <comments>http://www.webmonkey.com/2012/12/bbc-taps-the-past-to-showcase-the-future-of-web-audio/#comments</comments>
        <pubDate>Tue, 04 Dec 2012 16:57:36 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=60160</guid>
        		<category><![CDATA[APIs]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Web Standards]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[audio]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/12/bbctapeloops-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/12/bbctapeloops.jpg" alt="BBC Taps the Past to Showcase the Future of Web Audio" /></div>The HTML5 video element gets more attention, but, as the BBC's latest experiment shows, the HTML5 audio element is equally revolutionary, perhaps even more so thanks to the work-in-progress Web Audio API.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><div id="attachment_60161" class="wp-caption aligncenter" style="width: 590px"><img src="http://www.webmonkey.com/wp-content/uploads/2012/12/bbctapeloops.jpg" alt="" title="bbctapeloops" width="580" height="330" class="size-full wp-image-60161" /><p class="wp-caption-text">Mixing old school tape loops with the BBC&#8217;s Web Audio API demo. <em>Image: Screenshot/Webmonkey</em></p></div>
<p>HTML5 offers developers new ways to display and work with both audio and video on the web. The HTML5 <code>&lt;video&gt;</code> element tends to get more attention, but the HTML5 audio element is equally revolutionary, perhaps even more so thanks to the work-in-progress Web Audio API (currently <a href="https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html" target="_blank">in the draft stages</a>).</p>
<p>Developers at the BBC recently set out to push the limits of what you can do with HTML5 <code>&lt;audio&gt;</code> and the Web Audio API. The result is a new audio playground site that recreates <a href="http://webaudio.prototyping.bbc.co.uk/" target="_blank">the sounds of the BBC Radiophonic Workshop using the Web Audio API</a>. Note that right now only WebKit browsers support the Web Audio API. (Firefox supports the older, deprecated, Audio Data API, but plans to <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=779297" target="_blank">ship support for Web Audio in 2013</a>.)</p>
<p>The BBC&#8217;s Radiophonic Workshop project is one part cool demo, one part tutorial. It&#8217;s fun to play around with, sure, but another reason behind the experiment is to document how to use <code>&lt;audio&gt;</code> and the Web Audio API. The developers also wanted to put the API through some real-world use cases, to see if there are any limitations that could be addressed before the Web Audio API becomes an official standard.</p>
<p>Each of the four demos has a thorough code walk-through showing exactly how it works and which elements of the Web Audio API are being used. There are a couple of dependencies, namely JQuery and Backbone.js, but most of the code is working directly with the Web Audio API. </p>
<p>If you&#8217;ve ever wanted to explore the Web Audio API, these demos make a great introduction to how everything works. For more background on the project, see the <a href="http://www.bbc.co.uk/blogs/researchanddevelopment/2012/05/web-audio-radiophonics-1.shtml" target="_blank">BBC&#8217;s Research and Development blog</a>.</p>
<p>So far the code doesn&#8217;t seem to be available through the <a href="https://github.com/bbcrd" target="_blank">BBC&#8217;s R&amp;D GitHub account</a>. You can always copy and paste from the demo site, but it would be nice if it was available for easy forking and experimentation.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/12/bbc-taps-the-past-to-showcase-the-future-of-web-audio/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Google Drive&#8217;s New &#8216;Site Publishing&#8217; Takes on Amazon, Dropbox</title>
        <link>http://www.webmonkey.com/2012/11/google-drives-new-site-publishing-takes-on-amazon-dropbox/</link>
        <comments>http://www.webmonkey.com/2012/11/google-drives-new-site-publishing-takes-on-amazon-dropbox/#comments</comments>
        <pubDate>Thu, 29 Nov 2012 20:18:45 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=60127</guid>
        		<category><![CDATA[APIs]]></category>
		<category><![CDATA[Backend]]></category>
		<category><![CDATA[Web Services]]></category>
		<category><![CDATA[amazon s3]]></category>
		<category><![CDATA[dropbox]]></category>
		<category><![CDATA[google drive]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/11/gdrivesite-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/11/gdrivesite.jpg" alt="Google Drive&#8217;s New &#8216;Site Publishing&#8217; Takes on Amazon, Dropbox" /></div>Google Drive can now host entire websites if you don't mind serving them from a long, confusing URL. Google Drive's new "site publishing" tools make it easy for app developers to upload files to Drive and then serve those files on the web.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><div id="attachment_60128" class="wp-caption aligncenter" style="width: 590px"><img src="http://www.webmonkey.com/wp-content/uploads/2012/11/gdrivesite.jpg" alt="" title="gdrivesite" width="580" height="315" class="size-full wp-image-60128" /><p class="wp-caption-text">Google&#8217;s demo site, served entirely by Google Drive. <em>Image: Screenshot/Webmonkey</em></p></div></p>
<p>Google has unveiled a new feature dubbed &#8220;<a href="http://googleappsdeveloper.blogspot.nl/2012/11/announcing-google-drive-site-publishing.html">site publishing</a>&#8221; for the company&#8217;s Drive cloud hosting service. Drive&#8217;s new site publishing is somewhere between a full-featured static file hosting service like Amazon S3 and Dropbox&#8217;s public folders, which can make hosted files available on the web.</p>
<p>Google has set up a simple <a href="https://googledrive.com/host/0B716ywBKT84AcHZfMWgtNk5aeXM/">demo site</a> served entirely from Google Drive to give you an idea of what&#8217;s possible with the site publishing feature. Essentially site publishing gives your public folders a URL on the web &#8212; anything you drop in that folder can then be referenced relative to the root URL. It&#8217;s unclear from the announcement how these new features fit with Google&#8217;s existing answer to Amazon S3, Google Cloud Storage. </p>
<p>The API behind site publishing works a lot like what you&#8217;ll find in Amazon&#8217;s S3 offering. If you use the Drive API&#8217;s <code>files.insert</code> method to upload a file to Drive, it will return a <code>webViewLink</code> attribute, something like <code>https://googledrive.com/host/A1B2C3D4E5F6G7H8J</code>. That ugly, but functional URL becomes the base URL for your content. So, if you uploaded a folder named <code>images</code>, with a file named <code>kittens.jpg</code>, you could access it on the web at <code>https://googledrive.com/host/A1B2C3D4E5F6G7H8J/images/kittens.jpg</code></p>
<p>There&#8217;s one drawback though, Drive&#8217;s site publishing doesn&#8217;t appear to support custom domains, which means it works fine for assets like images, CSS or JavaScript, but unless you don&#8217;t mind serving your site from some funky URLs, it&#8217;s probably not the best choice for hosting an entire site.</p>
<p>There are already numerous static file hosting solutions on the web including Dropbox and Amazon&#8217;s S3, as well as whole publishing systems that use Dropbox and S3 to host files, but for those who would prefer a Google-based solution, now you have it.</p>
<p>For more details on the new API see the <a href="http://googleappsdeveloper.blogspot.nl/2012/11/announcing-google-drive-site-publishing.html">Google Apps Developer Blog</a> and be sure to read through the <a href="https://developers.google.com/drive/publish-site">Drive SDK docs</a>. If you need help, Google is answering questions over on <a href="http://stackoverflow.com/questions/tagged/google-drive-sdk">Stack Overflow</a>.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/11/google-drives-new-site-publishing-takes-on-amazon-dropbox/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>New Amazon Maps API Challenges Google</title>
        <link>http://www.webmonkey.com/2012/09/new-amazon-maps-api-challenges-google/</link>
        <comments>http://www.webmonkey.com/2012/09/new-amazon-maps-api-challenges-google/#comments</comments>
        <pubDate>Tue, 18 Sep 2012 18:10:49 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=59155</guid>
        		<category><![CDATA[APIs]]></category>
		<category><![CDATA[Location]]></category>
		<category><![CDATA[android]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/09/amazonmaps-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/09/amazonmaps.jpg" alt="New Amazon Maps API Challenges Google" /></div>Amazon has launched a new Maps API. While at the moment the new Amazon Maps API is just for Android developers working on the Kindle Fire apps, several of Amazon's other APIs have started similarly small and eventually grown into web-wide offerings.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><div id="attachment_59158" class="wp-caption alignleft" style="width: 360px"><a href="http://www.webmonkey.com/wp-content/uploads/2012/09/amazonmaps.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2012/09/amazonmaps.jpg" alt="" title="amazonmaps" width="350" height="181" class="size-full wp-image-59158" /></a><p class="wp-caption-text"><em>Image: Amazon</em>.</p></div>
<p>Amazon is once again jumping into the online mapping fray with <a href="http://www.amazonappstoredev.com/2012/09/amazon-maps-api.html">a new Maps API for Android developers</a> building apps for the Kindle Fire and Kindle Fire HD tablets. While it&#8217;s just for Android developers at the moment, several of Amazon&#8217;s other APIs have started small and grown into web-wide offerings. </p>
<p>Unfortunately, unlike like Amazon&#8217;s long since <a href="http://www.webmonkey.com/2007/05/google_maps_street_view_succeeds_where_other_giants_have_stumbled/">shuttered A9 map tools</a>, it doesn&#8217;t appear to actually be using Amazon data. In fact, the new Maps API is really just an API wrapper around <a href="http://thenextweb.com/mobile/2012/09/17/nokia-confirms-amazon-licensed-location-platform-maps-geocoding/">Nokia&#8217;s maps and geocoding interface</a>, which also <a href="http://www.webmonkey.com/2012/06/flickr-partners-nokia-better-maps/">now powers the maps on Flickr.com</a>.</p>
<p>Like Apple&#8217;s <a href="http://www.wired.com/gadgetlab/2012/06/ios-6-maps-app-challenges/">iOS 6</a>, <a href="http://blog.foursquare.com/2012/02/29/foursquare-is-joining-the-openstreetmap-movement-say-hi-to-pretty-new-maps/">Foursquare</a> and other <a href="http://www.webmonkey.com/2012/03/apples-iphoto-for-ios-abandons-google-maps-in-favor-of-openstreetmap/">high-profile Google Maps defectors</a>, the Amazon Maps API seems to exist primarily as an option for those who&#8217;d like to avoid the Google Maps API. Amazon&#8217;s announcement touts the API&#8217;s &#8220;simple migration path for developers who are already using the native Google Maps API on Android,&#8221; but neglects to mention any benefits developers might gain from dropping Google&#8217;s API.</p>
<p>In this early beta offering Amazon&#8217;s Maps API doesn&#8217;t have any features above and beyond Google&#8217;s API. The Amazon Maps API offers most of the same features you&#8217;ll find in the Google Maps API, including street maps, satellite images and custom overlays for landmarks and points of interest, but lacks street-view imagery, terrain maps and other features found in Google&#8217;s offering. </p>
<p>If you&#8217;d like to give the Amazon Maps API a try in your Android app, head on over to Amazon&#8217;s <a href="https://developer.amazon.com/sdk/mapssignup.html">new Maps API site</a> to request access.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/09/new-amazon-maps-api-challenges-google/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Rails App Details Apple&#8217;s New &#8216;Passbook&#8217; Web Service</title>
        <link>http://www.webmonkey.com/2012/09/rails-app-details-apples-new-passbook-web-service/</link>
        <comments>http://www.webmonkey.com/2012/09/rails-app-details-apples-new-passbook-web-service/#comments</comments>
        <pubDate>Thu, 13 Sep 2012 15:02:58 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=59080</guid>
        		<category><![CDATA[APIs]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[iOS]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/09/passbook-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/09/passbook.jpg" alt="Rails App Details Apple&#8217;s New &#8216;Passbook&#8217; Web Service" /></div>Apple's coming iOS 6 adds a new app, Passbook, for storing tickets, coupons, loyalty cards and more. To go along with it Apple has created a new API developers can use to update Passbook over the web. Naturally there's a Ruby on Rails app for that. ]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><div id="attachment_59081" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.webmonkey.com/wp-content/uploads/2012/09/passbook.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2012/09/passbook.jpg" alt="" title="passbook" width="580" height="337" class="size-full wp-image-59081" /></a><p class="wp-caption-text">Apple&#8217;s new Passbook app. <em>Image: <a href="http://www.apple.com/ios/whats-new/#passbook">Apple</a></em>.</p></div></p>
<p>Apple&#8217;s recent <a href="http://www.wired.com/gadgetlab/2012/09/what-you-need-to-know-about-apples-new-iphone-5/">iPhone announcement</a> contained one tidbit of interest for web developers &#8212; Passbook.</p>
<p>Passbook is a <a href="http://www.apple.com/ios/whats-new/#passbook">new app coming in iOS 6</a> that collects your boarding passes, movie tickets, retail coupons, loyalty cards, and more and stores them all in one place. Checking in for a flight? Just pull up Passbook and you&#8217;re done. Ditto for redeeming coupons, getting movie tickets and so on. </p>
<p>What makes Passbook interesting for web developers is that on the back end there&#8217;s a REST-style API for sending updates. The API allows developers to register web services which can then automatically update content on the &#8220;pass,&#8221; as Passbook entries are known. For example, you could update a coupon or add more credit to a pass based on a transaction on your website.</p>
<p>Passbook communication happens through Apple&#8217;s new <a href="https://developer.apple.com/library/prerelease/ios/#documentation/PassKit/Reference/PassKit_WebService/WebService.html">PassKit web service</a>. The <a href="https://developer.apple.com/library/prerelease/ios/#documentation/UserExperience/Reference/PassKit_Framework/_index.html">PassKit API</a> offers endpoints to get the latest version of a pass, control push notifications for a pass and query for passes registered for a device.</p>
<p>As with all things Apple, you&#8217;ll need a developer account to build anything, but if you&#8217;d like to get some idea of how the web service end of Passbook works, check out Mattt Thompson&#8217;s <a href="https://github.com/mattt/passbook_rails_example">passbook_rails_example</a>. Thompson has put together a basic Rails app that shows how to work with Passbook, including how to register devices, get the latest version of a pass, get serial numbers for passes on a device and unregister a device.</p>
<p>For more details, <a href="https://github.com/mattt/passbook_rails_example">head on over to GitHub</a>.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/09/rails-app-details-apples-new-passbook-web-service/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>RSS in JSON, for Real?</title>
        <link>http://www.webmonkey.com/2012/09/rss-in-json-for-real/</link>
        <comments>http://www.webmonkey.com/2012/09/rss-in-json-for-real/#comments</comments>
        <pubDate>Tue, 11 Sep 2012 14:37:46 +0000</pubDate>

                <dc:creator>Dave Winer</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=59038</guid>
        		<category><![CDATA[APIs]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Basics]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[RSS]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/09/2443615609_8486476a2c_b-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/09/2443615609_8486476a2c_b-660x471.jpg" alt="RSS in JSON, for Real?" /></div>Dave Winer pioneered the development of syndication through RSS feeds; now he weighs in on how and why you might want to also distribute your RSS data in JSON, a format popular with today's web developers.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><div id="attachment_59049" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.webmonkey.com/wp-content/uploads/2012/09/2443615609_8486476a2c_b.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2012/09/2443615609_8486476a2c_b.jpg" alt="" title="2443615609_8486476a2c_b" width="580" class="size-full wp-image-59049" /></a><p class="wp-caption-text"><em>Photo: <a href="https://secure.flickr.com/photos/conboy/2443615609/">Kevin Conboy</a>/Flickr</em></p></div></p>
<p>A short while ago Twitter said they were going to move to JSON over XML, without much explanation other than they like JSON and not XML so much these days, etc. I&#8217;m a big believer that everyone has the right to support whatever they want when they want for whatever reason, whether they say the truth or not. Because of that belief, I take with a grain of salt every bit of support for every format and protocol. I assume that just because someone supports it today doesn&#8217;t tell you for sure that they will support it tomorrow. Though the penalty is usually pretty high for removing support for interfaces people depend on. They tend to remember it next time you ask for their trust. All that is fair game too.  </p>
<p>So anyway, this got me thinking again about the possibility that JSON might take over from XML. What then? Should we give up all the interop we get from RSS just because it uses XML and not JSON? And it&#8217;s because of all that interop that that day will never come. A transition may happen over a long period of time, and before it&#8217;s complete there will be something after JSON. Because smart people see that, they tend to be conservative about switching just for the sake of switching. It&#8217;s why the web, which is entirely an XML application, will keep XML support everywhere for the forseeable future. </p>
<p>In other words, I&#8217;d bet with virtual 100 percent certainty that it&#8217;s safe to keep producing XML-based RSS feeds.  </p>
<p>But people like JSON, there&#8217;s no denying that. And a JSONified RSS can totally co-exist with the original XML. So let&#8217;s have RSS in JSON? That&#8217;s a question that seems worth asking about, at this time. </p>
<p>Turns out it is a very straightforward thing to do. I of course have an RSS feed for Scripting News, the blog you&#8217;re reading right now. I wrote a script that maintains JSON and JSONP versions of the same content, automatically. When the RSS is built so are the JSON formats.  </p>
<p><a href="http://scripting.com/rss.json">http://scripting.com/rss.json</a> and <a href="http://scripting.com/rss.js">http://scripting.com/rss.js</a> </p>
<p>I learned a long time ago to embrace change. It&#8217;s why there is a RSS today that is derived from the RSS that Netscape shipped in 1999 and has features of my scriptingNews format shipped in 1997. If the world wants to go to JSON, help it get there in a way that benefits from all we learned in the evolution of RSS from 1997 through 2002. It&#8217;s stood up pretty well over the years. And there&#8217;s wide support for it, and lots of understanding of how it works. If there is to be a JSON-based syndication standard, we can cut years off the development process by simply accommodating it. </p>
<p>So I put together an invitation to discuss this.  </p>
<p><a href="http://rssjs.org/">http://rssjs.org/</a> </p>
<p>If you find this interesting, give it some thought, and if you have something to say, write a blog post of your own, or write a comment on that page. Obviously there&#8217;s no moderation for what goes on your blog, but there will be moderation of the comments. Be aware of that. One feature of the past are personal attacks which are totally pointless and subtract from the discourse, and we should not carry that practice forward. That&#8217;s why the moderation. :-) </p>
<p>Otherwise, I totally look forward to hearing what people think.  </p>
<p>Thanks&#8230; </p>
<p><em>This post first appeared on <a href="http://scripting.com/stories/2012/09/10/rssInJsonForReal.html">Scripting News</a>.</em></p>
<div class="bio"><a href="http://www.wired.com/epicenter/author/Dave"><img src="http://www.wired.com/epicenter/wp-content/gallery/biopics/dave_winer.jpg" alt="" /></a><a href="http://worldoutline.scripting.com/blogroll/aboutTheAuthor">Dave Winer</a>, a former researcher at NYU and Harvard, pioneered the development of weblogs, syndication (RSS), podcasting, outlining, and web content management software. A former contributing editor at <em>Wired</em> magazine, Dave won the Wired Tech Renegade award in 2001.<br /> Follow <a href="http://www.twitter.com/davewiner">@davewiner</a> on Twitter.</div>
<div id='linker_widget'></div>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/09/rss-in-json-for-real/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    </channel>
</rss>