<?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; Magazine</title>
    <atom:link href="http://www.webmonkey.com/tag/magazine/feed/" rel="self" type="application/rss+xml" />
    <link>http://www.webmonkey.com</link>
    <description>The Web Developer&#039;s Resource</description>
    <lastBuildDate>Mon, 06 May 2013 17:29:19 +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>Meet Treesaver, a New HTML Magazine App</title>
        <link>http://www.webmonkey.com/2010/08/meet-treesaver-a-new-html-magazine-app/</link>
        <comments>http://www.webmonkey.com/2010/08/meet-treesaver-a-new-html-magazine-app/#comments</comments>
        <pubDate>Wed, 11 Aug 2010 18:14:35 +0000</pubDate>

                <dc:creator>Michael Calore</dc:creator>

        <guid isPermaLink="false">http://www.webmonkey.com/?p=48250</guid>
        		<category><![CDATA[Frameworks]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[Magazine]]></category>
		<category><![CDATA[Treesaver]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2010/08/4882328670_c7361e73c5.jpeg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2010/08/4882328670_c7361e73c5.jpeg" alt="Meet Treesaver, a New HTML Magazine App" /></div>A startup called Treesaver has developed a slick presentation framework for digital magazines that runs in the browser. It has many of the features you&#8217;d expect from a clean, reader-friendly content wrapper (like Instapaper or Readability) but it couples that functionality with a way-cool user interface. Pages can be navigated by swiping from side-to-side, and [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><a href="http://www.webmonkey.com/wp-content/uploads/2010/08/4882328670_c7361e73c5.jpeg"><img src="http://www.webmonkey.com/wp-content/uploads/2010/08/4882328670_c7361e73c5-300x225.jpg" alt="" title="Treesaver" width="300" height="225" class="alignright size-medium wp-image-48251" /></a></p>
<p>A startup called <a href="http://treesaver.net/">Treesaver</a> has developed a slick presentation framework for digital magazines that runs in the browser. It has many of the features you&#8217;d expect from a clean, reader-friendly content wrapper (like <a href="http://www.instapaper.com/">Instapaper</a> or <a href="http://lab.arc90.com/experiments/readability/">Readability</a>) but it couples that functionality with a way-cool user interface.</p>
<p>Pages can be navigated by swiping from side-to-side, and you get helpful ghost images on either side of the page you&#8217;re reading, which aid in signposting. Also, the pages within the web app dynamically resize for different screens &#8212; and it even resizes on the fly as you make the browser smaller and larger. It&#8217;s all HTML, JavaScript and CSS.</p>
<p>Here&#8217;s the demo video for <a href="http://readnomad.com/">Nomad Editions</a>, the first of Treesaver&#8217;s launch partners using the company&#8217;s framework to make a public announcement (Treesaver is still pre-launch right now):</p>
<p><object width="580" height="351"><param name="movie" value="http://www.youtube.com/v/zEZ_ARKNTHE&amp;hl=en_US&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zEZ_ARKNTHE&amp;hl=en_US&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="351"></embed></object></p>
<p>Nomad also got <a href="http://www.nytimes.com/2010/08/11/business/media/11nomad.html">some love</a> from <em>The New York Times</em> Wednesday.</p>
<p>With digital magazines all the rage, everyone&#8217;s racing to get their traditional paper-and-ink publications <a href="http://www.wired.com/magazine/2010/05/mag_editors_letter/">onto the iPad</a>. There are two routes &#8212; the native app, which requires the use of Apple&#8217;s tools and adherence to its <a href="http://www.wired.com/epicenter/2010/03/new-itunes-rules-complicate-ipad-magazine-opportunities/">rules</a>, or the web app, which lets you do just about whatever you want as long as it works in a browser.</p>
<p>If you build a native app, you get some impressive performance with the <a href="http://www.wired.com/gadgetlab/2010/07/flipboard-turns-your-ipad-into-a-personalized-magazine/">swipey-swipey</a> stuff, and you control both the ad revenue and your kerning pairs. But you&#8217;re also locked into a specific device&#8217;s platform, distribution is a pain, and you&#8217;re disconnected from the internet unless you bother to build it in.</p>
<p>The webby route has its own advantages, of course. Filipe Fortes, one of the founders of Treesaver, has posted an <a href="http://www.fortes.com/2010/introducing-treesaver">excellent list of all the ways the web wins</a> &#8212; a wider audience, a wider range of compatible devices, easy access to social networking tools, real hyperlinks, search indexing, content embedding.</p>
<p>Treesaver will be entering beta testing in a few weeks, and the code will be released under an open-source license soon after that.</p>
<p><b>See Also:</b></p>
<ul>
<li><a href="http://www.webmonkey.com/2010/05/scribd-switches-from-flash-to-html5/">Scribd Switches From Flash to HTML5</a></li>
<li><a href="http://www.webmonkey.com/2010/05/who-needs-flash/">Who Needs Flash?</a></li>
<li><a href="http://www.webmonkey.com/2010/03/beautiful-websites-pictorys-ode-to-spring/">Beautiful Websites: Pictory&#8217;s Ode to Spring</a></li>
</ul>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2010/08/meet-treesaver-a-new-html-magazine-app/feed/</wfw:commentRss>
        <slash:comments>7</slash:comments>

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