<?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>Brad&#039;s Blog &#187; extensions</title>
	<atom:link href="http://blog.mozilla.com/blassey/category/extensions/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.mozilla.com/blassey</link>
	<description>sorry for random</description>
	<lastBuildDate>Wed, 14 Oct 2009 21:34:38 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Non-touch screen browser UI</title>
		<link>http://blog.mozilla.com/blassey/2008/01/22/non-touch-screen-browser-ui/</link>
		<comments>http://blog.mozilla.com/blassey/2008/01/22/non-touch-screen-browser-ui/#comments</comments>
		<pubDate>Wed, 23 Jan 2008 04:02:11 +0000</pubDate>
		<dc:creator>blassey</dc:creator>
				<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[extensions]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://blog.mozilla.com/blassey/2008/01/22/non-touch-screen-browser-ui/</guid>
		<description><![CDATA[On Friday I posted a few screen shots and descriptions of my proposed user interface for non-touch screen phones.  The assumption is that these devices will have QVGA screens (240&#215;320 pixels), a 5-way directional pad and two soft keys. The discussion page is here, please feel free to check it out and leave feed back. [...]<script type="text/javascript">SHARETHIS.addEntry({ title: "Non-touch screen browser UI", url: "http://blog.mozilla.com/blassey/2008/01/22/non-touch-screen-browser-ui/" });</script>]]></description>
			<content:encoded><![CDATA[<p>On Friday I posted a few screen shots and descriptions of my proposed user interface for non-touch screen phones.  The assumption is that these devices will have QVGA screens (240&#215;320 pixels), a 5-way directional pad and two soft keys. The discussion page is <a href="http://wiki.mozilla.org/Mobile/UI/Designs/NonTouchScreen">here</a>, please feel free to check it out and leave feed back. Also, I&#8217;ve created a <a href="https://people.mozilla.com/~blassey/spbrowser.xpi">firefox extension</a> let&#8217;s you check out the work in progress.  It creates a 240&#215;320 pixel window using the new chrome. I&#8217;ll keep that updated as I make changes, and it should get updated through the add-ons manager.</p>
<p>The central idea of the dialogs has been to simplify the navigation. Most dialogs and actions are accessed through the main menu which is mapped to the right softkey.  Dougt suggested combining bookmarks, history and the address bar into one unified places dialog.  I like that idea and I hope to get to it in the next week or so.</p>
<p>The feature I find the most intriguing is the scrolling and zooming with the virtual cursor. Currently, it works like this (or at least its supposed to):</p>
<ul>
<li>A <strong>virtual cursor</strong> indicates where the browser&#8217;s current focus is.  It also allows navigation of complex UI items such as drop down menus and roll overs.</li>
<li><strong>Short clicks</strong> of directional pad map into Dougt&#8217;s <a href="http://weblogs.mozillazine.org/asa/archives/007992.html">spatial</a> <a href="http://forums.mozillazine.org/viewtopic.php?p=1454031&amp;sid=d78549515c227027d576ba5ef51977b8">navigation</a>, bringing the focus to the nearest selectable element as indicated by the virtual cursor.</li>
<li><strong>Long presses</strong> of the directional pad begin smooth scrolling. Instead of jumping from link to link, the cursor moves in one direction at a steady speed.</li>
<li>After a set amount of time, the page begins to <strong>zoom</strong> out. This is implemented with  <a href="http://developer.mozilla.org/en/docs/Full_page_zoom">Firefox 3&#8217;s full</a> <a href="http://mozillalinks.org/wp/2007/07/try-firefox-3-full-page-zoom-with-full-page-zoom/">page zoom</a> feature. An intended side effect of zooming out as we scroll is that the scroll is accelerated.  It also allows the user to look ahead as they scroll at these higher speeds, similar to how a driver fixes their eyes further down the road at 65 mph than they do at 35 mph.</li>
<li>The <strong>OK/Select</strong> key maps to the left click of a mouse. A key down event triggers a mouse down, a key up event triggers a mouse up event and a key press event triggers a mouse click event.</li>
<li>The <strong>Left softkey</strong> maps to the right mouse button in the same way, providing access to context menus (not implemented yet).</li>
<li>One item to be added to the standard context menu is <strong>begin selection.</strong> This will have the same effect of pressing an holding the mouse button.  The browser will highlight the text and other elements as the user moves the mouse until another OK/Select or left soft key press is detected.  The effect will be to allow users to select and copy text.</li>
</ul>
<p>It should also be noted that the assumptions in the first paragraph is considered a bare minimum for functionality. We&#8217;d also like to do something useful (an hopefully intuitive) with any other controls that are available. The obvious ones are numbering menu items, using a click wheel or volume control to scroll and mapping clear, send and end call into things like back, forward and stop.</p>
<p>Some non intuitive ideas include mapping the number keypad onto spacial location of the screen. So for instance if there if a user wanted to go to the bottom right hand corner of the screen they could press the &#8216;#&#8217; key.  Alternatively we could use those keys for fast scrolling (holding the 9 key would fast scroll down and to the right).  We could also map the number keys into the bookmark system (long pressing one navigates to google.com, 2 brings you to your blog site etc.).</p>
<p>But this brings up another point.  How do we determine what the &#8220;right&#8221; mix of default settings is?  And even more importantly, how do we let users customize these settings with a minimum of pain?</p>
<p><img src="http://wiki.mozilla.org/images/6/68/VirtualCursor.png" height="298" width="240" />  <img src="http://wiki.mozilla.org/images/9/99/Menu.png" height="298" width="240" /> <img src="http://wiki.mozilla.org/images/0/09/AddressBar.png" height="298" width="240" /> <img src="http://wiki.mozilla.org/images/b/bf/History.png" height="300" width="237" /> <img src="http://wiki.mozilla.org/images/2/2a/Bookmarks.png" height="299" width="240" /> <img src="http://wiki.mozilla.org/images/4/45/Tabs_Menu.png" height="298" width="239" /></p>
<p><a href="http://sharethis.com/item?&wp=2.8.6&amp;publisher=&amp;title=Non-touch+screen+browser+UI&amp;url=http%3A%2F%2Fblog.mozilla.com%2Fblassey%2F2008%2F01%2F22%2Fnon-touch-screen-browser-ui%2F">ShareThis</a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.mozilla.com/blassey/2008/01/22/non-touch-screen-browser-ui/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tab search</title>
		<link>http://blog.mozilla.com/blassey/2008/01/04/tab-search/</link>
		<comments>http://blog.mozilla.com/blassey/2008/01/04/tab-search/#comments</comments>
		<pubDate>Fri, 04 Jan 2008 19:06:17 +0000</pubDate>
		<dc:creator>blassey</dc:creator>
				<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[extensions]]></category>

		<guid isPermaLink="false">http://blog.mozilla.com/blassey/2008/01/04/tab-search/</guid>
		<description><![CDATA[I love tabs. I&#8217;m one of those people who spends a week with the same browser window open, just creating tabs every time I look at something new.  In my mind, it means I can always find what I was looking at a couple hours ago of even a couple days ago.  Maybe with the [...]<script type="text/javascript">SHARETHIS.addEntry({ title: "Tab search", url: "http://blog.mozilla.com/blassey/2008/01/04/tab-search/" });</script>]]></description>
			<content:encoded><![CDATA[<p>I love tabs. I&#8217;m one of those people who spends a week with the same browser window open, just creating tabs every time I look at something new.  In my mind, it means I can always find what I was looking at a couple hours ago of even a couple days ago.  Maybe with the awesome bar I should consider changing my behavior, but old habits are hard to break regardless.</p>
<p>But, this leeds to one of my biggest pet peeves of browsing the internet; searching though 149 tabs (really, that was the count when I checked ten minutes ago) trying to find the one I want.  I&#8217;ve complained about it a lot, mostly to my roommate who I doubt was listening.</p>
<p>The good news is I finally decided to get off my duff (or on it if you want to take things literally) and do something about it. Its a simple extension that adds a search box to the &#8220;All tabs&#8221; drop down in firefox.  That&#8217;s the drop down that lists all the tabs you have open when you click the little down arrow on the extreme right of your tab bar.  This is my first foray into the world of extension making, so use with caution&#8230;.</p>
<p><a href="http://people.mozilla.org/~blassey/tabsearch.xpi"> http://people.mozilla.org/~blassey/tabsearch.xpi</a></p>
<p>As a side note, I began thinking about how we manage tabs in Firefox while I was doing this.  It seems to me that there is a lot more we can do here.  First off, wouldn&#8217;t it be great to get some sense of the history of a tab when looking at the all tabs drop down?  I know I&#8217;ve frequently lost track of a tab I was keeping open to look at an API because I had clicked on a link and the title had changed.  Just a thought&#8230;.</p>
<p><a href="http://sharethis.com/item?&wp=2.8.6&amp;publisher=&amp;title=Tab+search&amp;url=http%3A%2F%2Fblog.mozilla.com%2Fblassey%2F2008%2F01%2F04%2Ftab-search%2F">ShareThis</a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.mozilla.com/blassey/2008/01/04/tab-search/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>
