<?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; Web Apps</title>
    <atom:link href="http://www.webmonkey.com/category/web-apps/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>WebRTC, Online Code Editor Team Up for Real-Time Coding</title>
        <link>http://www.webmonkey.com/2013/05/webrtc-online-code-editor-team-up-for-real-time-coding/</link>
        <comments>http://www.webmonkey.com/2013/05/webrtc-online-code-editor-team-up-for-real-time-coding/#comments</comments>
        <pubDate>Wed, 01 May 2013 14:20:54 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/?p=61766</guid>
        		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[WebRTC]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2013/05/codassium_screen-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2013/05/codassium_screen.jpg" alt="WebRTC, Online Code Editor Team Up for Real-Time Coding" /></div>WebRTC is still in its infancy, but developers are already building cool apps around WebRTC's real-time video chat. Codassium is one such app that combines WebRTC video chat with a code editor for better way to conduct remote interviews, review code or do some remote pair programming.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><div id="attachment_61768" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.webmonkey.com/wp-content/uploads/2013/05/codassium_screen.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2013/05/codassium_screen.jpg" alt="" title="codassium_screen" width="580" height="272" class="size-full wp-image-61768" /></a><p class="wp-caption-text">Collaborating with Codassium <em>Image: <a href="http://codassium.com/">codassium.com</a></em>.</p></div>It&#8217;s still going to be some time before WebRTC technology starts to deliver cool apps, but even today developers are quickly moving from the realm of cool WebRTC experiments, like the <a href="http://www.webmonkey.com/2013/02/google-mozilla-team-up-for-skype-killing-video-call-demo/">Mozilla/Google phone call demo</a>, to useful apps like <a href="http://codassium.com/">Codassium</a>.</p>
<p><a href="http://www.webrtc.org/">WebRTC</a> 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 native apps with web-based alternatives that work on any device.</p>
<p>Codassium uses WebRTC to bring together WebRTC-based video chat and <a href="http://ace.ajax.org/">Mozilla&#8217;s Ace code editor</a>. The result is what <a href="http://wreally.com/">Wreally Studios</a>, creators of Codassium, call &#8220;a better way to conduct remote interviews.&#8221; Of course Codassium could be used for more than just interviews &#8212; think code reviews, remote pair programming or even just discussing code with remote employees.</p>
<p>To use Codassium you&#8217;ll need to be using a web browser that supports WebRTC &#8212; recent versions of Firefox and Chrome will both work. Head on over to <a href="http://codassium.com/">Codassium</a>, click the Start button and allow the site to access your camera and microphone. Once the video chat and Ace editor load, just click the Invite button and send the resulting link to the person you&#8217;d like to work with.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2013/05/webrtc-online-code-editor-team-up-for-real-time-coding/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Massive WordPress Attack Targets Weak Admin Passwords</title>
        <link>http://www.webmonkey.com/2013/04/massive-wordpress-attack-targets-weak-admin-passwords/</link>
        <comments>http://www.webmonkey.com/2013/04/massive-wordpress-attack-targets-weak-admin-passwords/#comments</comments>
        <pubDate>Tue, 16 Apr 2013 13:51:53 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/?p=61615</guid>
        		<category><![CDATA[Blog Publishing]]></category>
		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[Security]]></category>
		<category><![CDATA[WordPress]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2013/04/wptarget-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2013/04/wptarget.jpg" alt="Massive WordPress Attack Targets Weak Admin Passwords" /></div>Got strong passwords? A powerful new attack against the popular WordPress publishing system targets the weakest link in WordPress security -- you. With some 90,000 IP addresses at their disposal the unknown attackers are simply brute-forcing their way into WordPress' admin pages by trying thousands of weak passwords against the old default "admin" user account. ]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><div id="attachment_61618" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.webmonkey.com/wp-content/uploads/2013/04/wptarget.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2013/04/wptarget.jpg" alt="" title="wptarget" width="580" height="413" class="size-full wp-image-61618" /></a><p class="wp-caption-text"><em>Image: <a href="http://blog.cloudflare.com/patching-the-internet-fixing-the-wordpress-br">CloudFlare</a></em></p></div>If you&#8217;re using the popular open source blogging tool WordPress to power your website, you may be vulnerable to a new web-based attack. </p>
<p>If your WordPress admin pages suddenly become sluggish, unreachable or you&#8217;re unable to log in there&#8217;s a good chance your site is being attacked. </p>
<p>According to CloudFlare CEO Matthew Prince, the attack is <a href="http://blog.cloudflare.com/patching-the-internet-fixing-the-wordpress-br">using brute force</a> against WordPress&#8217; admin pages using the old default username &#8220;admin&#8221; and then trying thousands of passwords. There&#8217;s nothing new about that approach, but what makes this attack different, and particularly potent, is that the attackers have some 90,000 unique IP addresses at their disposal. </p>
<p>For its part CloudFlare has pushed out an update that &#8220;detects the signature of the attack and stops it.&#8221;</p>
<p>Popular WordPress Host HostGator <a href="http://blog.hostgator.com/2013/04/11/global-wordpress-brute-force-flood/">reports</a> that it too has &#8220;seen over 90,000 IP addresses involved in this attack.&#8221; </p>
<p>WordPress creator Matt Mullenweg has also weighed in, pointing out that it&#8217;s been over three years since WordPress used the username &#8220;admin&#8221; as the default for new installations. </p>
<p>However, there are no doubt a great many sites that still have &#8212; whether they use it or not &#8212; the &#8220;admin&#8221; user account hanging around in WordPress. It&#8217;s also worth noting that, while this attack appears limited to trying the &#8220;admin&#8221; username, a more sophisticated approach could do the same thing, but with unique usernames &#8212; for example, find the most frequently used account name on the public site, assume it&#8217;s an admin account and run the same attack against the admin pages. So far that hasn&#8217;t happened.</p>
<p>&#8220;Here&#8217;s what I would recommend,&#8221; <a href="http://ma.tt/2013/04/passwords-and-brute-force/">writes Mullenweg on his blog</a>, &#8220;if you still use &#8220;admin&#8221; as a username on your blog, <a href="http://www.digitalkonline.com/blog/change-your-wordpress-admin-username/">change it</a>, use <a href="http://en.support.wordpress.com/selecting-a-strong-password/">a strong password</a>, if you&#8217;re on WP.com turn on <a href="http://en.blog.wordpress.com/2013/04/05/two-step-authentication/">two-factor authentication</a>, and of course make sure you&#8217;re up to date on the latest version of WordPress.&#8221; </p>
<p>Unfortunately, given the number of IP addresses that seem to be at the attackers&#8217; disposal, other common security measures &#8212; like tools that limit logins by IP address &#8212; aren&#8217;t going to be terribly effective against this attack. Short of getting rid of the default &#8220;admin&#8221; account (if it still exists), there isn&#8217;t a whole lot you can do to stop the attacks (unless you want to use a web application firewall like CloudFlare or <a href="http://blog.sucuri.net/2013/04/mass-wordpress-brute-force-attacks-myth-or-reality.html">ModSecurity</a>). Be sure to contact your hosting company if you think your site has come under attack.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2013/04/massive-wordpress-attack-targets-weak-admin-passwords/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Mozilla, Epic Bring Unreal 3 Gaming Engine to the Web</title>
        <link>http://www.webmonkey.com/2013/03/mozilla-epic-bring-unreal-3-gaming-engine-to-the-web/</link>
        <comments>http://www.webmonkey.com/2013/03/mozilla-epic-bring-unreal-3-gaming-engine-to-the-web/#comments</comments>
        <pubDate>Thu, 28 Mar 2013 13:48:10 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/?p=61432</guid>
        		<category><![CDATA[Browsers]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Web Apps]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2013/03/unreal3web-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2013/03/unreal3web.jpg" alt="Mozilla, Epic Bring Unreal 3 Gaming Engine to the Web" /></div>Mozilla has partnered with Epic Games to bring the Unreal 3 gaming engine to Firefox. The result is a high-end gaming engine that could change the way you think of web-based video games.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<div id="attachment_61433" class="wp-caption aligncenter" style="width: 590px"><img src="http://www.webmonkey.com/wp-content/uploads/2013/03/unreal3web.jpg" alt="" title="unreal3web" width="580" height="358" class="size-full wp-image-61433" /><p class="wp-caption-text">Unreal 3 engine in Firefox. <br /><em>Screenshot: Webmonkey</em>.</p></div>
<p>Mozilla has partnered with Epic Games to <a href="https://blog.mozilla.org/blog/2013/03/27/mozilla-is-unlocking-the-power-of-the-web-as-a-platform-for-gaming/">bring the Unreal 3 gaming engine to the web</a>. The result is a high-end gaming engine that could change the way you think of web-based games.</p>
<p>The Unreal 3 engine has previously been ported to Flash, but this is the first time a plugin-free (and therefore mobile-friendly) version has been built for the web.</p>
<p>Mozilla is hoping this project will help turn the web into a more serious gaming platform capable of running top-tier console titles. </p>
<p>Combining WebGL, <a href="https://github.com/kripken/emscripten/wiki">Emscripten</a>, a tool for compiling C++ apps into JavaScript, and the brand new <a href="https://blog.mozilla.org/luke/2013/03/21/asm-js-in-firefox-nightly/">asm.js</a>, Unreal 3 for the web can, according to Mozilla, &#8220;rival native performance.&#8221;</p>
<p>While the Unreal 3 port is incredibly cool, there are still some stumbling blocks on the path to the web as a top-tier gaming platform, not the least of which is that load times for most games would be massive. Think hours, not minutes, to stream the complex graphics from a server to your mobile device &#8212; probably not something anyone particularly wants to sit through.</p>
<p>In other words, while Mozilla and Epic have made some impressive progress bringing Unreal 3 to JavaScript, it&#8217;s still going to be a while before you&#8217;re playing your favorite console games on the web.</p>
<p>However, Mozilla says it is &#8220;working with premium game publishers such as Disney, EA and ZeptoLab who are using the same technology to bring performance optimizations to their top-rated games.&#8221; The company is also hoping other browsers will make it possible to run the Unreal engine in their own JavaScript engines. The Chromium project is already <a href="https://code.google.com/p/v8/issues/detail?id=2599">discussing</a> just how to do it.</p>
<p>For more on the project and to catch a glimpse of Unreal 3 running in the browser, check out the video below.</p>
<p><iframe width="560" height="315" src="http://www.youtube.com/embed/XsyogXtyU9o" frameborder="0" allowfullscreen></iframe></p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2013/03/mozilla-epic-bring-unreal-3-gaming-engine-to-the-web/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Gmail&#8217;s &#8216;Send and Archive&#8217; Graduates From Gmail Labs</title>
        <link>http://www.webmonkey.com/2012/12/gmails-send-and-archive-feature-graduates-from-gmail-labs/</link>
        <comments>http://www.webmonkey.com/2012/12/gmails-send-and-archive-feature-graduates-from-gmail-labs/#comments</comments>
        <pubDate>Thu, 06 Dec 2012 22:05:49 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/?p=60239</guid>
        		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[Web Services]]></category>
		<category><![CDATA[gmail]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/12/gmailicon-150x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/12/gmailicon.jpg" alt="Gmail&#8217;s &#8216;Send and Archive&#8217; Graduates From Gmail Labs" /></div>Three of the most popular experiments from Gmail Labs are now features in Gmail, including an option to turn the traditional "Send" button into the more powerful "Send and Archive."]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><a href="http://www.webmonkey.com/wp-content/uploads/2012/12/gmailicon.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2012/12/gmailicon.jpg" alt="" title="gmailicon" width="150" height="152" class="alignleft size-full wp-image-60241" /></a>Google has <a href="https://plus.google.com/u/0/+Gmail/posts/H1mkyyY2nW4">graduated three popular Gmail Labs tools to proper Gmail features</a>: reply to all, quote selected text and, the most useful of the bunch, the &#8220;Send and Archive&#8221; button.</p>
<p>Unlike some new features for Google Apps, these are available right now in Gmail, though all three remain off by default.</p>
<p>To enable the popular &#8220;Send and Archive,&#8221; which turns the Send button into a dual-function button that sends your reply and then archives the conversation, head to settings and look for the new &#8220;Show &#8216;Send &amp; Archive&#8217; button in reply&#8221; option. While you&#8217;re in Gmail&#8217;s settings you can also change the default reply mode to reply all, though frankly that seems like asking for trouble.</p>
<p>The quote selected text feature is not a setting, it&#8217;s just the new behavior for replying to messages. Select a block of text in an e-mail, click reply and only the selected text will be included in your reply. </p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/12/gmails-send-and-archive-feature-graduates-from-gmail-labs/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Google Docs Now Available in Chrome Web Store</title>
        <link>http://www.webmonkey.com/2012/10/google-docs-now-available-in-chrome-web-store/</link>
        <comments>http://www.webmonkey.com/2012/10/google-docs-now-available-in-chrome-web-store/#comments</comments>
        <pubDate>Thu, 25 Oct 2012 21:10:02 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/?p=59683</guid>
        		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[Google Docs]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/10/googleapps-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/10/googleapps.jpg" alt="Google Docs Now Available in Chrome Web Store" /></div>Google has renamed its online office suite and made each of the new apps -- Docs, Sheets and Slides -- available in the Chrome Web Store.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><div id="attachment_59684" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.webmonkey.com/wp-content/uploads/2012/10/googleapps.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2012/10/googleapps.jpg" alt="" title="googleapps" width="580" height="352" class="size-full wp-image-59684" /></a><p class="wp-caption-text"><em>Image: Screenshot/Webmonkey</em></p></div>
<p>Google has <a href="http://chrome.blogspot.com/2012/10/one-click-to-docs-sheets-and-slides.html">renamed its Google Docs applications</a> and made them available as apps in the Chrome Web Store. </p>
<p>To make things a bit clearer &#8212; and perhaps to differentiate them from other office suites &#8212; the apps formerly known as Google Documents, Spreadsheets, and Presentations are now called simply Docs, Sheets, and Slides and can be installed as shortcuts in Chrome.</p>
<p>If you&#8217;d like to install them, head over to the Chrome Web Store and grab the new <a href="https://chrome.google.com/webstore/detail/docs/aohghmighlieiainnegkcijnfilokake">Docs</a>, <a href="https://chrome.google.com/webstore/detail/sheets/felcaaldnbdncclmgdcncolpebgiejap">Sheets</a>, and <a href="https://chrome.google.com/webstore/detail/slides/aapocclcgogkmnckokdopfmhonfmgoek">Slides</a> apps. Once they&#8217;re installed you&#8217;ll see the icon links every time you open a new tab in Chrome. </p>
<p>The change helps bring together the Chrome browser and Chrome OS, making both just another way to connect to Google Drive, the company&#8217;s cloud storage service that forms the basis of Google&#8217;s take on cloud computing. </p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/10/google-docs-now-available-in-chrome-web-store/feed/</wfw:commentRss>
        <slash:comments>1</slash:comments>

        
    </item>
    
    <item>
        <title>Easily Preview Responsive Designs With &#8216;Responsivator&#8217;</title>
        <link>http://www.webmonkey.com/2012/10/easily-preview-responsive-designs-with-responsivator/</link>
        <comments>http://www.webmonkey.com/2012/10/easily-preview-responsive-designs-with-responsivator/#comments</comments>
        <pubDate>Mon, 15 Oct 2012 14:29:53 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/?p=59520</guid>
        		<category><![CDATA[Responsive Design]]></category>
		<category><![CDATA[Web Apps]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/10/responsivator-sm-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/10/responsivator-sm.jpg" alt="Easily Preview Responsive Designs With &#8216;Responsivator&#8217;" /></div>Showing off responsive designs to your clients can be tricky -- do you show up with a bag full of devices? Rely on dozens of emulators? Responsivator solves the dilemma, showing off your responsive designs on a variety of screen sizes all on a single webpage.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled --><div id="attachment_59523" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.webmonkey.com/wp-content/uploads/2012/10/responsivator.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2012/10/responsivator-sm.jpg" alt="" title="responsivator-sm" width="580" height="337" class="size-full wp-image-59523" /></a><p class="wp-caption-text">Preview your website in Responsivator. <em>Image: Screenshot/Webmonkey</em></p></div>
<p>Showing off responsive designs to clients can be tricky. Do you arrive with a bag full of devices in tow? Or open dozens of browser tabs running emulators? Resize a browser window and hope that the stuttering, <a href="http://www.webmonkey.com/2012/07/w3c-looking-to-improve-responsive-design-with-new-media-queries/">@media-induced</a> reflows don&#8217;t make clients question your sanity?</p>
<p>How about using just one browser tab that gives a quick preview of what a site looks like at any screen size you&#8217;d like?</p>
<p>That&#8217;s exactly what <a href="http://dfcb.github.com/Responsivator/">Responsivator</a> does. Plug in a URL and Responsivator will load it up in a series of iframes set to whichever screen dimensions you specify. The default sizes cover common devices like the iPhone, iPad, Nexus 7 and desktop, though it&#8217;s easy to add anything you&#8217;d like to the list.</p>
<p>Responsivator is the work of developer John Polacek from <a href="http://dfcb.github.com/">Draftfcb</a>, which also made the <a href="http://dfcb.github.com/BigVideo.js/">BigVideo jQuery plugin</a> we <a href="http://www.webmonkey.com/2012/08/tired-of-tiny-movies-go-large-with-bigvideo-js/">featured previously</a>. Responsivator builds on some similar, earlier efforts like Matt Kersley&#8217;s <a href="http://mattkersley.com/responsive/">responsive web design testing tool</a> and Benjamin Keen&#8217;s <a href="http://www.benjaminkeen.com/open-source-projects/smaller-projects/responsive-design-bookmarklet/">responsive design bookmarklet</a>, but has some nice added features, like the ability to navigate your site within the various iframes.</p>
<p>Like Responsivator, but want to run your own custom instance? No problem, Responsivator is an open source project <a href="https://github.com/dfcb/Responsivator">available on GitHub</a>; just grab the code and fire up your server.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/10/easily-preview-responsive-designs-with-responsivator/feed/</wfw:commentRss>
        <slash:comments>1</slash:comments>

        
    </item>
    
    <item>
        <title>Flickr: When It Comes to Photos, Bigger Is Better</title>
        <link>http://www.webmonkey.com/2012/05/flickr-when-it-comes-to-photos-bigger-is-better/</link>
        <comments>http://www.webmonkey.com/2012/05/flickr-when-it-comes-to-photos-bigger-is-better/#comments</comments>
        <pubDate>Fri, 04 May 2012 15:47:33 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/?p=56250</guid>
        		<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[Flickr]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/05/flickrbiggerlightbox-200x100.jpg" type="image/jpeg" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/05/flickrbiggerlightbox.jpg" alt="Flickr: When It Comes to Photos, Bigger Is Better" /></div>Flickr bucks the low-res, filter-happy photo sharing trend in favor of bigger, sharper, more beautiful images.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><div id="attachment_56253" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.webmonkey.com/wp-content/uploads/2012/05/flickrbiggerlightbox.jpg"><img src="http://www.webmonkey.com/wp-content/uploads/2012/05/flickrbiggerlightbox.jpg" alt="" title="flickrbiggerlightbox" width="580" height="363" class="size-full wp-image-56253" /></a><p class="wp-caption-text">Size matters: Flickr&#039;s lightbox view now offers much larger images.</p></div>Yahoo is once again lavishing some attention on Flickr. Flickr has already <a href="http://www.webmonkey.com/2012/04/easily-upload-photos-with-flickrs-new-drag-and-drop-tools/">launched a new photo uploader</a> and <a href="http://www.webmonkey.com/2012/04/flickr-ditches-flash-photo-editor-for-mobile-friendly-aviary/">a new photo editor</a> in recent weeks, and now the site is making your images look even better with <a href="http://blog.flickr.net/en/2012/05/03/introducing-two-new-photo-sizes-and-a-new-setting-for-pro-members/">new, higher-resolution photo displays</a>.</p>
<p>It&#8217;s been nearly two years since Flickr last redesigned its photo pages to <a href="http://www.webmonkey.com/2010/06/new-flickr-is-bigger-wider-and-uncut/">display larger images</a>. Since then screen resolutions have only improved, and when it comes to viewing photos you don&#8217;t have to be a pro photographer to know that bigger is better. </p>
<p>To make your uploaded images look better &#8212; especially when you&#8217;re browsing in fullscreen mode &#8212; Flickr is introducing two new photo sizes, 2048 and 1600 pixels.</p>
<p>Right now you&#8217;ll only see the new larger images when you enter Flickr&#8217;s &#8220;lightbox&#8221; view with its darker, photo-friendly interface (just click an image to enter lightbox view). At the moment the regular photo pages remain unchanged. However, the Flickr blog reports that the larger images will soon be available through Flickr&#8217;s API and &#8220;a few other places over the next couple of weeks.&#8221; While the new image sizes are probably too large for the default photo pages, we wouldn&#8217;t be surprised to see Flickr refresh the photo page layout with larger images in the near future.</p>
<p>The larger of the two new photo sizes also seems like a <a href="http://www.webmonkey.com/2012/01/building-a-responsive-future-friendly-web-for-everyone/">future-friendly choice</a> since it works well with very high-res screens like what you&#8217;ll find on Apple&#8217;s latest iPad. Although Flickr does not appear to be doing so just yet, serving the larger images to the iPad would make for <a href="http://www.webmonkey.com/2012/03/the-web-needs-to-get-ready-for-the-the-high-resolution-future/">sharper photos on the iPad&#8217;s high-resolution screen</a>. [<b>Update</b>: The Flickr team tells Webmonkey that it "just enabled hi-res photo sharing to the new iPad this morning."]</p>
<p>Naturally, to take advantage of the new larger image sizes Flickr is now creating, you&#8217;ll need to be uploading photos at least that large. But given that most phone cameras produce images in that pixel range these days, there&#8217;s a good chance you already are.</p>
<p>Flickr Pro members can control how large their images are displayed; just head to the new <a href="http://www.flickr.com/account/prefs/res">image size settings page</a>. By default Flickr sets this to &#8220;best display size,&#8221; though if you want to stop people from downloading high-res copies of your images you can limit the display size to 1024 pixels. The new image size setting doesn&#8217;t affect who can download your original files, just those created by Flickr. But since the sizes Flickr creates are larger than what most original images would have been back when Flickr first launched, the new setting makes sense.</p>
<p>One thing to note with the new image sizes: they only apply to photos uploaded since Mar. 1, 2012; older images won&#8217;t be resized. The other thing to know is that if you upload something with a long edge of less than 2048 pixels, Flickr won&#8217;t upsize it so there&#8217;s no need to worry about small images being pixelated.</p>
<p>The new image sizes may not win over fans of filter-happy, low-res image sharing websites, but for Flickr aficionados it offers a compelling reason to stick around.</p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/05/flickr-when-it-comes-to-photos-bigger-is-better/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Flickr Ditches Flash Photo Editor for Mobile-Friendly Aviary</title>
        <link>http://www.webmonkey.com/2012/04/flickr-ditches-flash-photo-editor-for-mobile-friendly-aviary/</link>
        <comments>http://www.webmonkey.com/2012/04/flickr-ditches-flash-photo-editor-for-mobile-friendly-aviary/#comments</comments>
        <pubDate>Thu, 05 Apr 2012 16:45:54 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/?p=55421</guid>
        		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[Flickr]]></category>
            <enclosure url="http://www.webmonkey.com/wp-content/uploads/2012/04/aviaryflickr-200x100.png" type="image/png" length="48000" />
                    <description><![CDATA[<div class="rss_thumbnail"><img src="http://www.webmonkey.com/wp-content/uploads/2012/04/aviaryflickr.png" alt="Flickr Ditches Flash Photo Editor for Mobile-Friendly Aviary" /></div>Flickr is replacing the Flash-based Picnik photo editor with an HTML-based alternative named Aviary. The change means Flickr users can now edit their photos on iOS devices and any upcoming Windows Metro tablets, neither of which run the Flash plugin.]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<div id="attachment_55423" class="wp-caption alignnone" style="width: 510px"><a href="http://www.webmonkey.com/wp-content/uploads/2012/04/aviaryflickr.png"><img src="http://www.webmonkey.com/wp-content/uploads/2012/04/aviaryflickr.png" alt="" title="aviaryflickr" width="500" height="366" class="size-full wp-image-55423" /></a><p class="wp-caption-text">Editing your Flickr photos in Aviary. <em>Image: <a href='http://blog.aviary.com/aviary-announces-partnership-with-flickr-brings-editing-capabilities-to-75-million-users/'>Aviary</a></em></p></div>
<p>Flickr is swapping out its existing Flash-based photo editor for a <a href="http://blog.flickr.net/en/2012/04/04/announcing-a-new-and-faster-photo-editor-from-aviary/">new HTML-based app</a> that will work on any device.</p>
<p><a href="http://blog.aviary.com/aviary-announces-partnership-with-flickr-brings-editing-capabilities-to-75-million-users/">Aviary</a>, as the new editor is known, will start appearing as an editing option for your photos today, though some users may have to wait since Yahoo is staggering the rollout over the next few weeks.</p>
<p>Part of the change is out of necessity. Flickr&#8217;s previous photo editor was <a href="http://www.picnik.com/app#/home/welcome">Picnik</a>, which was purchased by Google in 2010. Google has since announced it will shut down the service Apr. 19 and roll its features into Google+.</p>
<p>To use Aviary to edit your Flickr photos, just head to the photo page, click the Actions tab and select the new &#8220;Edit photo in Aviary&#8221; option. That will open up the image in the Aviary window as an overlay. From there you can crop, rotate, add effects, adjust brightness and contrast and other editing basics. </p>
<p>Obviously Aviary is not aimed at people who takes their photo editing seriously, but for the casual user who just wants to crop an upload or add some punchier contrast, it works well. The learning curve is almost nil and it more than handles the 80 percent use case for casual Flickr users.</p>
<p>In that sense Aviary is a step up from Picnik, which was more of a Photoshop-inspired editor than an amateur-friendly option. However it&#8217;s surprising to see Flickr continue to ignore the Instagram-inspired trend of one-click image effects, which are not part of Aviary&#8217;s arsenal. Some may decry Instagram&#8217;s retro-inspired results, but there&#8217;s no denying the simplicity and popularity of its filters.</p>
<p>While Flickr obviously had to replace Picnik since Google is shutting the service down, Aviary offers another huge advantage over Picnik &#8212; it doesn&#8217;t use Flash. Dropping the Flash requirement means that Flickr users can now edit their photos on iOS devices and upcoming Windows Metro tablets, neither of which run the Flash plugin. </p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2012/04/flickr-ditches-flash-photo-editor-for-mobile-friendly-aviary/feed/</wfw:commentRss>
        <slash:comments>1</slash:comments>

        
    </item>
    
    <item>
        <title>Building Better Single-Page Web Apps</title>
        <link>http://www.webmonkey.com/2011/12/building-better-single-page-web-apps/</link>
        <comments>http://www.webmonkey.com/2011/12/building-better-single-page-web-apps/#comments</comments>
        <pubDate>Wed, 28 Dec 2011 17:14:06 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/?p=53353</guid>
        		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[Web Basics]]></category>
        <description><![CDATA[Single-page, application-style websites offer web developers a way to replicate the user experience of native apps, particularly on mobile devices. Indeed, the application design model &#8212; that is, a single webpage that never needs to refresh or reload &#8212; is the basis for some of the web&#8217;s most popular sites like Facebook and Twitter. But [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><img src="http://www.webmonkey.com/wp-content/uploads/2011/12/webIsDead.gif" />Single-page, application-style websites offer web developers a way to replicate the user experience of native apps, particularly on mobile devices. Indeed, the application design model &#8212; that is, a single webpage that never needs to refresh or reload &#8212; is the basis for some of the web&#8217;s most popular sites like Facebook and Twitter.</p>
<p>But such app-based sites often break fundamental tenets of the web, eschewing HTML source for JavaScript, breaking the browser&#8217;s back button and removing the ability to link deep into the application. Some of these problems are addressed by standards like the <a href="http://www.w3.org/TR/html5/history.html">HTML5 History API</a>, which allows applications to update the URL bar without refreshing the page, but not every app bothers to take advantage of such recent developments.</p>
<p>The potential problems single-page apps can cause are not, however, sufficient reason to avoid them, argues Mozilla Developer Evangelist Christian Heilmann. Done responsibly and in keeping with the best practices of the web, <a href="http://christianheilmann.com/2011/12/28/on-single-page-apps/">the single-page app can be part of the future of the web</a>, writes Heilmann. </p>
<p>Among the benefits of single-page apps are speed gains &#8212; stripping away the HTML means there&#8217;s very little to load initially and subsequent data loads can be done in very small increments, which makes for very fast apps. With the rise of web apps targeting mobile devices the speed advantages make single-page apps appealing to developers. Indeed, Heilmann believes &#8220;single page apps &#8230; are necessary for the web to be an apps platform.&#8221;</p>
<p>Naturally there will be problems with the rise of apps. &#8220;We have to battle two main issues,&#8221; writes Heilmann, &#8220;old conditioning of users and sloppy development for the sake of doing something &#8216;new&#8217;.&#8221;</p>
<p>In other words the danger isn&#8217;t the single-page concept itself, which, if done right, will yield an &#8220;app&#8221; that also has all the benefits of the web &#8212; deep linking, bookmarking, and indexing. It&#8217;s the latter problem Heilmann mentions, one that&#8217;s neatly satirized by sites like <a href="http://hipstergrammers.tumblr.com/">Hipstergrammers</a>, that causes many developers concern: new just for the sake of new.</p>
<p>Heilmann&#8217;s post does a great job of cutting through the hype behind single page apps and presenting them for what they are &#8212; another tool with both positive and negative trade offs. Be sure to read through the whole article which offers a great list of potential problems and how to avoid them. </p>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2011/12/building-better-single-page-web-apps/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

        
    </item>
    
    <item>
        <title>Flickr&#8217;s New &#8216;Photo Sessions&#8217; Bring Back the Slideshow</title>
        <link>http://www.webmonkey.com/2011/09/flickrs-new-photo-sessions-bring-back-the-slideshow/</link>
        <comments>http://www.webmonkey.com/2011/09/flickrs-new-photo-sessions-bring-back-the-slideshow/#comments</comments>
        <pubDate>Thu, 29 Sep 2011 16:42:18 +0000</pubDate>

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

        <guid isPermaLink="false">http://www.webmonkey.com/2011/09/flickrs-new-photo-sessions-bring-back-the-slideshow/</guid>
        		<category><![CDATA[Web Apps]]></category>
		<category><![CDATA[Flickr]]></category>
        <description><![CDATA[Flickr has unveiled a new feature dubbed Photo Sessions, which are real-time slideshows you can share with your friends around the web. Say you want to share a slideshow with some friends you met on your last trip abroad. You&#8217;re back home and they&#8217;re back home on the other side of the globe. No one [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p><object type="application/x-shockwave-flash" width="580" height="291" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&#038;photo_secret=20389e4025&#038;photo_id=6189790052"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&#038;photo_secret=20389e4025&#038;photo_id=6189790052" height="291" width="580"></embed></object></p>
<p>Flickr has unveiled a new feature dubbed <a href="http://www.flickr.com/photosession">Photo Sessions</a>, which are real-time slideshows you can share with your friends around the web.</p>
<p>Say you want to share a slideshow with some friends you met on your last trip abroad. You&#8217;re back home and they&#8217;re back home on the other side of the globe. No one is coming over for dinner and slides. Instead, you just create a new session on Flickr and send the resulting URL to your friends. Once everyone has joined in, sessions become a bit like screen sharing &#8212; you swipe to the next photo and everyone else&#8217;s screen follows along.</p>
<p>Flickr has thrown in a few interactive features as well, including the ability to chat while the photos roll by. There&#8217;s also a way for your friends to doodle on your images from their own laptops or iPads. </p>
<p>Combine Flickr&#8217;s new sessions with a group chat app &#8212; Skype, iChat or the like &#8212; and you have a kind of disjointed, thoroughly modern take on the good old carousel slideshows your parents subjected their friends to in the &#8217;70s. Feel the shag carpet people.</p>
<p>Alongside Sessions Flickr also announced <a href="http://www.flickr.com/android">a new Android app</a>, which is considerably more impressive than the company&#8217;s iOS app. The Android Flickr app offers filters, geotagging and sharing in a slick-looking app that seems aimed at catching up with Instagram. </p>
<p><strong>See Also:</strong><br/></p>
<ul>
<li><a href="http://www.webmonkey.com/2011/08/flickrs-new-geofence-settings-protect-your-geo-privacy/">Flickr’s New ‘Geofence’ Settings Protect Your Geoprivacy</a></li>
<li><a href="http://www.webmonkey.com/2011/01/flickr-goes-native-with-windows-phone-7-app/">Flickr Goes Native With Windows Phone 7 App</a></li>
<li><a href="http://www.webmonkey.com/2010/06/new-flickr-is-bigger-wider-and-uncut/">New Flickr Is Bigger, Wider and Uncut</a></li>
</ul>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2011/09/flickrs-new-photo-sessions-bring-back-the-slideshow/feed/</wfw:commentRss>
        <slash:comments>0</slash:comments>

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