<?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>Make WordPress Core &#187; George Stephanis</title>
	<atom:link href="http://make.wordpress.org/core/author/georgestephanis/feed/" rel="self" type="application/rss+xml" />
	<link>http://make.wordpress.org/core</link>
	<description>WordPress Development Updates</description>
	<lastBuildDate>Mon, 20 May 2013 23:54:08 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.6-beta3-24306</generator>
	<atom:link rel='hub' href='http://make.wordpress.org/core/?pushpress=hub'/>
		<item>
		<title>Tablets and Touch UIs in WordPress 3.4</title>
		<link>http://make.wordpress.org/core/2012/05/03/wordpress-3-4-tablets-touch-ui/</link>
		<comments>http://make.wordpress.org/core/2012/05/03/wordpress-3-4-tablets-touch-ui/#comments</comments>
		<pubDate>Thu, 03 May 2012 17:19:18 +0000</pubDate>
		<dc:creator>George Stephanis</dc:creator>
				<category><![CDATA[status]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[target devices]]></category>
		<category><![CDATA[ui enhancements]]></category>

		<guid isPermaLink="false">http://wpdevel.wordpress.com/?p=2093</guid>
		<description><![CDATA[We&#8217;ve had some terrific progress made in the realm of supporting touch interfaces and tablet UIs for 3.4! The main areas that we&#8217;ve focused on for this release were improving touch support in the user interface, resolving incompatibilities for our target devices, and enhancing the UI&#8217;s methods for adapting to more restrictive screen sizes. Target [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>We&#8217;ve had some terrific progress made in the realm of supporting touch interfaces and tablet UIs for 3.4!</p>
<p>The main areas that we&#8217;ve focused on for this release were improving touch support in the user interface, resolving incompatibilities for our target devices, and enhancing the UI&#8217;s methods for adapting to more restrictive screen sizes.</p>
<h2>Target Devices</h2>
<p>Our target devices for the 3.4 release were the iPad and the Kindle Fire. The iPad stands as an obvious choice, and the Kindle Fire&#8217;s <a href="http://www.forbes.com/sites/adriankingsleyhughes/2012/04/27/kindle-fire-grabs-over-50-percent-of-the-android-tablet-market/">steep climb to over 50% of market share amongst Android tablet devices</a> justifies its presence as well.</p>
<h2>Improving Touch Support</h2>
<p>For touch-supportive devices, we&#8217;ve added a fantastic jQuery extension to the core, <a title="Touch Punch" href="http://touchpunch.furf.com/">jQuery UI Touch Punch</a>. This has enabled &#8216;drag and drop&#8217; support on mobile devices. Whether editing a post, customizing the dashboard, or modifying a Nav Menu, you&#8217;re now able to easily reposition items on a touch interface to your heart&#8217;s content, just as you would on your desktop browser.</p>
<blockquote>
<h3>Caveat: Windows Phone Devices</h3>
<p>Windows Phone 7/7.5 phones are wonderful devices. Unfortunately, when Microsoft based the phone&#8217;s web browser off IE9, they didn&#8217;t add in any touch support. As such, there is no way to detect touch events in the browser &#8212; `<code>ontouchstart</code>` doesn&#8217;t exist. Dragging support does not work on Windows Phone 7/7.5 devices, but should on Windows 8 tablets and phones when released.</p></blockquote>
<h2>Resolving Incompatibilities</h2>
<p>This boiled down primarily to the Kindle Fire. The version of WebKit used in the Kindle Fire&#8217;s native Silk browser <a href="https://bugs.webkit.org/show_bug.cgi?id=52583">doesn&#8217;t support the contentEditable attribute</a>, so TinyMCE wouldn&#8217;t work! To accomodate for this, we added an override to test for the version of webkit that the client is using, and just disable the visual editor if the browser doesn&#8217;t support it. This <a href="http://core.trac.wordpress.org/changeset/19936">patch</a> should also cross-apply to older versions of iOS and Android as well.</p>
<h2>UI Enhancements</h2>
<p>In Ticket <a href="http://core.trac.wordpress.org/ticket/20015">#20015</a>, we migrated the dashboard and write screen columns to use primarily @media queries, rather than the JS that had previously been used. This should provide some performance optimizations in mobile browsers.</p>
<p><em>The Tableteer team for 3.4 was comprised of Andrew Ozz, Zach Abernathy, and George Stephanis.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://make.wordpress.org/core/2012/05/03/wordpress-3-4-tablets-touch-ui/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
	</channel>
</rss>
