<?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; cool_sites</title>
    <atom:link href="http://www.webmonkey.com/tag/cool_sites/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>&#8216;Form Follows Function&#8217; Experiments Showcase the Power of HTML5</title>
        <link>http://www.webmonkey.com/2013/01/form-follows-function-experiments-showcase-the-power-of-html5/</link>
        <comments>http://www.webmonkey.com/2013/01/form-follows-function-experiments-showcase-the-power-of-html5/#comments</comments>
        <pubDate>Wed, 16 Jan 2013 20:34:11 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/?p=60610</guid>
        		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[cool_sites]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2013/01/formfollowsfunction-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2013/01/formfollowsfunction.jpg" alt="&#8216;Form Follows Function&#8217; Experiments Showcase the Power of HTML5" /></div>Form Follows Function is a collection of awesome HTML5 and CSS experiments that will remind you just how far web standards have come in the past few years.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><div id="attachment_60611" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.webmonkey.com/wp-content/uploads/2013/01/formfollowsfunction.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2013/01/formfollowsfunction.jpg" alt="" title="formfollowsfunction" width="580" height="317" class="size-full wp-image-60611" /></a><p class="wp-caption-text">Form Follows Function. <em>Image: Screenshot</em>.</p></div></p>
<p>If you&#8217;ve been missing the early days of HTML5, back when <a href="http://www.webmonkey.com/2010/08/flashy-html5-experiments-point-to-webs-future/">experimentation</a>, not stolid, functional sites was the name of the game, we&#8217;ve got a site for you: <a href="http://fff.cmiscm.com/#!/main">Form Follows Function</a>.</p>
<p>Form Follows Function is a collection of interactive experiments built using HTML5 elements like Canvas and CSS 3 tools like 2-D/3-D transforms. Experiments include growing trees with the click of the mouse (or touch of a finger, depending on your device), dragging waves and 3-D cans of Campbell&#8217;s soup. Even the rotating menu of the experiments is impressive.</p>
<p>The site is the brainchild of developer Jongmin Kim, whose <a href="http://blog.cmiscm.com/?cat=7">design work</a> has previously garnered a Webby award. </p>
<p>Fun thought experiment: Imagine taking this site back in time, showing it to your 2002 self and then pointing out that it&#8217;s all built with web standards, no Flash involved.</p>
<p>While we really like Form Follows Function it does fall prey to the main reason we don&#8217;t really miss the early days of HTML5 and CSS 3 all that much &#8212; it doesn&#8217;t use CSS prefixes properly. Form Follow Function optimizes for Firefox and Chrome while ignoring Opera and Internet Explorer; a shame, considering how well done the rest of the site is.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2013/01/form-follows-function-experiments-showcase-the-power-of-html5/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>See the World Through the Eyes of Instagram</title>
        <link>http://www.webmonkey.com/2012/08/this-is-now-shows-the-world-through-the-eyes-of-instagram/</link>
        <comments>http://www.webmonkey.com/2012/08/this-is-now-shows-the-world-through-the-eyes-of-instagram/#comments</comments>
        <pubDate>Fri, 03 Aug 2012 17:34:55 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/?p=58233</guid>
        		<category><![CDATA[Social]]></category>
		<category><![CDATA[cool_sites]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/08/thisisnownyc-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/08/thisisnownyc.jpg" alt="See the World Through the Eyes of Instagram" /></div>This is Now is a fun new website that culls images from photo sharing service Instagram, sorting by location to create a hypnotic, streaming photomosaic of various cities around the world.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><div id="attachment_58235" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.webmonkey.com/wp-content/uploads/2012/08/thisisnownyc.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2012/08/thisisnownyc.jpg" alt="" title="thisisnownyc" width="580" height="328" class="size-full wp-image-58235" /></a><p class="wp-caption-text">This is Now New York. <em>Image: Screenshot/Webmonkey</em></p></div></p>
<p><a href="http://now.jit.su">This is Now</a> offers a real-time glimpse of life in cities around the world as seen by Instagram users. </p>
<p>The site pulls updates from photo sharing service Instagram and uses the image geo data to cull images by city. This is Now then streams photos as they&#8217;re uploaded, creating a photomosaic of each city. There are five cities represented at the moment &#8212; New York, Sydney, London, Tokyo and São Paulo.</p>
<p>If you&#8217;d like to see more images from a particular person, each photo links back to the photographer’s Instagram profile.</p>
<p>This is Now was build by developers <a href="https://twitter.com/marciopuga">Marcio Puga</a>, <a href="https://twitter.com/mauriciomassaia">Mauricio Massaia</a> and <a href="https://twitter.com/PerThoresson">Per Thoresson</a>.</p>
<p>[<b>Update</b>: If you like This is Now, you may also like <a href="http://fourist.com">Fourist</a>. Fourist is a similar project &#8212; aggregating Instagram photos by city &#8212; but focuses on photos from the weekend so you can peek in on what the rest of the world does on the weekend.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/08/this-is-now-shows-the-world-through-the-eyes-of-instagram/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

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