<?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; MooTools</title>
    <atom:link href="http://www.webmonkey.com/tag/mootools/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>Beautiful Websites: Former Apple Designer&#8217;s Amazing Photo Gallery</title>
        <link>http://www.webmonkey.com/2010/03/beautiful-websites-former-apple-designers-amazing-photo-gallery/</link>
        <comments>http://www.webmonkey.com/2010/03/beautiful-websites-former-apple-designers-amazing-photo-gallery/#comments</comments>
        <pubDate>Fri, 26 Mar 2010 16:00:08 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/?p=47032</guid>
        		<category><![CDATA[Frameworks]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[beautiful websites]]></category>
		<category><![CDATA[MooTools]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2010/03/matasblog.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2010/03/matasblog.jpg" alt="Beautiful Websites: Former Apple Designer&#8217;s Amazing Photo Gallery" /></div>Slick photo gallery plug-ins for JQuery, Dojo and other JavaScript libraries mean that the days of the boring thumbnail grids are well behind us. But the same ease-of-use means that slick slideshows are everywhere &#8212; it&#8217;s hard to stand out. Unless you&#8217;re Mike Matas. The former Apple designer and co-founder of Delicious Monster recently unveiled [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><img src="http://www.webmonkey.com/wp-content/uploads/2010/03/matasblog.jpg" alt="matasblog" title="matasblog" width="590" height="349" class="aligncenter size-full wp-image-47031" />
<p>Slick photo gallery plug-ins for JQuery, Dojo and other JavaScript libraries mean that the days of the boring thumbnail grids are well behind us. But the same ease-of-use means that slick slideshows are everywhere &#8212; it&#8217;s hard to stand out.</p>
<p>Unless you&#8217;re Mike Matas. The former Apple designer and co-founder of <a href="http://www.delicious-monster.com/">Delicious Monster</a> recently unveiled <a href="http://www.mikematas.com/">a new photo blog</a> that has perhaps the slickest, yet simplest, gallery script we&#8217;ve ever seen.</p>
<p>Perhaps more impressive than the clever slide navigation and the blurred background photos, what&#8217;s really amazing about the site is how simple the interface is &#8212; Matas manages to pack in everything from embedded maps to comments without overwhelming the photos. </p>
<p>The only caveat is that the site requires a modern web browser with support for emerging standards. Internet Explorer users; nothing to see here. Also note that performance lags a bit in Firefox 3.6 compared to WebKit browsers like Safari and Chrome.</p>
<p>We&#8217;d hate to see a million ripoffs of this design, but if you want to do something similar, the site&#8217;s developers, <a href="http://twitter.com/tabqwerty">Chi Wai Lau</a> and <a href="http://twitter.com/nefaurk">Nefaur Khandker</a>, say that it was <a href="http://twitter.com/tabqwerty/status/11060824060">built using the MooTools JavaScript framework</a>. </p>
<p>Check out our three-part <a href="http://www.webmonkey.com/2010/02/get_started_with_mootools/">MooTools tutorial</a> on Webmonkey if you want to learn more about using the free UI framework.</p>
<p>One very nice touch we like on the site is that scrolling changes the URL so there&#8217;s no back-button breakage. Unfortunately, if you turn off JavaScript entirely you notice that the site doesn&#8217;t function at all, which is worth remembering should you consider doing something similar.</p>
<p><strong>See Also:</strong><br/></p>
<ul>
<li><a href="http://www.webmonkey.com/2010/02/get_started_with_mootools/">Tutorial: Get Started With MooTools</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>
<li><a href="http://www.webmonkey.com/2010/02/using-mad-libs-to-make-web-forms-more-fun/">Using &#8216;Mad Libs&#8217; to Make Web Forms More Fun</a></li>
<li><a href="http://www.webmonkey.com/2009/12/help_mozilla_improve_firefox_4_with_new__home__tab/">Help Mozilla Improve Firefox&#8217;s New &#8216;Home&#8217; Tab</a></li>
</ul>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2010/03/beautiful-websites-former-apple-designers-amazing-photo-gallery/feed/</wfw:commentRss>
        <slash:comments>18</slash:comments>

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