<?xml version="1.0" encoding="iso-8859-1"?>

<rdf:RDF
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
  xmlns:admin="http://webns.net/mvcb/"
  xmlns:cc="http://web.resource.org/cc/"
  xmlns="http://purl.org/rss/1.0/">

<channel rdf:about="http://madhava.com/egotism/">
<title>madhava.com/egotism/</title>
<link>http://madhava.com/egotism/</link>
<description><![CDATA[<img border="0" src="http://madhava.com/egotism/egotismdefn_nov2003.png">]]></description>
<dc:language>en-us</dc:language>
<dc:creator></dc:creator>
<dc:date>2012-05-25T14:33:46-05:00</dc:date>
<admin:generatorAgent rdf:resource="http://www.movabletype.org/?v=2.661" />
<cc:license rdf:resource="http://creativecommons.org/licenses/by-nd-nc/1.0/" />


<items>
<rdf:Seq><rdf:li rdf:resource="http://madhava.com/egotism/archive/005061.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005060.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005059.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005058.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005057.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005056.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005055.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005054.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005053.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005052.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005051.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005050.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005049.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005048.html" />
<rdf:li rdf:resource="http://madhava.com/egotism/archive/005047.html" />
</rdf:Seq>
</items>

</channel>

<item rdf:about="http://madhava.com/egotism/archive/005061.html">
<title>Here&apos;s a thing that would be awesome</title>
<link>http://madhava.com/egotism/archive/005061.html</link>
<description><![CDATA[<p>Here's a conversation I just had in IRC. Is anyone interested in building this?</p>

<blockquote><pre>
madhava:   hey
madhava:   would anyone like to build me an addon where when I enter some hotkey combination
madhava:   will bring up some sort of HUD awesomebar
madhava:   that I can search through
madhava:   and then when I hit enter it will insert the matching URL in my current textfield
madhava:   or put it in the copy buffer?
madhava:   I reference a lot of URLs in emails and bugs
dietrich:   quickfind-that-url. that'd be nice.
madhava:   and I have to open a new tab, use the awesomebar, select, copy, switch back, paste
madhava:   dietrich: yeah
mitchell:   history viewer?
madhava:   mitchell: sort of -- but too heavyweight
dietrich:   i do the same thing. have to navigate open tabs, all kinds of crap to find a url.
madhava:   in some ways, even a dropdown as soon as I type http:// would do it
madhava:   like in a IDE
madhava:   but then I'd have to type http
mitchell:   I just begin typing the url to have it come up, hit down, hit right, hit ctrl a, ctrl c
dietrich:   all the pieces are there for doing this
dietrich:   it works even with open tabs
dolske:   sounds like dietrich knows how to do this... ;)
dietrich:   hotkeys + panel + Awesomebar sarch (from https://github.com/mozilla/addon-sdk/wiki/Community-developed-modules)
dietrich:   dietrich cannot do this :)
madhava:   maybe I'll blog this
dietrich:   jono and gozala and i were just lamenting the lack of Ubiquity, which could easily do this :(
mitchell:   what is hot key / hotkeys?
dietrich:   mitchell: jetpack build-in api for registring keyboard combos with function callbacks
mitchell:   dietrich: thx.  mind sending link to api doc?
dietrich:   https://addons.mozilla.org/en-US/developers/docs/sdk/latest/
madhava:   ok - dietrich, mitchell, dolske - I'm more or less going to paste this conversation into a blog post
madhava:   any of you want to be anonymous?
dietrich:   clipboard api is the final piece, and that's built-in too
mitchell:   I don't mind my nick going in
mitchell:   dietrich: that's what I wanted to find out
dietrich:   anonymity is for the anonymous
dietrich:   this is a public channel, it's too late!
</pre></blockquote>

<p>If you are, you can email me <img src="http://people.mozilla.com/~madhava/files/misc/messagehole.png">, or @madhava on Twitter.</p>]]></description>
<dc:subject>mozilla</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2012-05-25T14:33:46-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005060.html">
<title>Meanwhile, in Firefox User-Experience</title>
<link>http://madhava.com/egotism/archive/005060.html</link>
<description><![CDATA[<p>It's been a few months now since we merged the mobile and desktop Firefox user-experience teams into one supercharged all-platform Firefox design juggernaut (in the good sense). In that time, we've been hard at work digging into the next set of features and improvements, as well as pursuing one of our major goals for the year: getting Firefox to feel more like one product &mdash; more Firefoxy &mdash; across all our platforms, desktop to tablet to phone.</p>

<p>I presented an overview of what we're working on at the Firefox Toronto Workweek last week. Here are the slides (and a <a href="http://www.slideshare.net/madhava/ux-overview-fxworkweekapril2012">direct link, just in case</a>). I had a fair bit to say about them, so I'll be posting a video of the talk soon, but the mockups and wireframes in the slides are too awesome to wait. The team will be posting about each of these projects, individually, in more depth.</p>

<p><Center><div style="width:425px" id="__ss_12759318"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/madhava/ux-overview-fxworkweekapril2012" title="Ux overview fxworkweek_april2012" target="_blank">Ux overview fxworkweek_april2012</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/12759318?rel=0" width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> <div style="padding:5px 0 12px"> View more presentations from <a href="http://www.slideshare.net/madhava" target="_blank">Madhava Enros</a> </div> </div></center></p>

<p>This presentation makes reference to the <a href="https://wiki.mozilla.org/Kilimanjaro/ProductDraft">Kilimanjaro project</a>, a set of short-term priorities around integrating the browser and ecosystem projects (identity, apps, marketplace) that Mozilla is working on right now. You can learn about it on the <a href="https://wiki.mozilla.org/Kilimanjaro/ProductDraft">Kilimanjaro wiki page</a>.</p>

<p>Many thanks to the team (see slide 2!) for all their hard work.</p>]]></description>
<dc:subject>mozilla</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2012-05-01T12:29:31-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005059.html">
<title>Firefox on Android (native) - UI Polish</title>
<link>http://madhava.com/egotism/archive/005059.html</link>
<description><![CDATA[<p>The mobile UX team's recently gone through a big top-to-bottom review of the in-progress native UI for Firefox on Android, sanding down rough edges and making sure that things all fit together. Here are some slides from a walkthrough I'm about to give of the current state of the designs. The nightly builds are getting closer to these every day!</p>

<p><center><br />
<a href="http://www.flickr.com/photos/madhava_work/6512070781/" title="firefox_android_UIpolish.002 by madhava_work, on Flickr"><img src="http://farm8.staticflickr.com/7017/6512070781_44698b832b_z.jpg" width="640" height="480" alt="firefox_android_UIpolish.002"></a></p>

<p><a href="http://www.flickr.com/photos/madhava_work/6512070915/" title="firefox_android_UIpolish.003 by madhava_work, on Flickr"><img src="http://farm8.staticflickr.com/7150/6512070915_597829fd47_z.jpg" width="640" height="480" alt="firefox_android_UIpolish.003"></a></p>

<p><a href="http://www.flickr.com/photos/madhava_work/6512071081/" title="firefox_android_UIpolish.004 by madhava_work, on Flickr"><img src="http://farm8.staticflickr.com/7173/6512071081_b7ed6ed124_z.jpg" width="640" height="480" alt="firefox_android_UIpolish.004"></a></p>

<p><a href="http://www.flickr.com/photos/madhava_work/6512071225/" title="firefox_android_UIpolish.005 by madhava_work, on Flickr"><img src="http://farm8.staticflickr.com/7157/6512071225_2a49e3853e_z.jpg" width="640" height="480" alt="firefox_android_UIpolish.005"></a></p>

<p><a href="http://www.flickr.com/photos/madhava_work/6512071393/" title="firefox_android_UIpolish.006 by madhava_work, on Flickr"><img src="http://farm8.staticflickr.com/7012/6512071393_8b426a7407_z.jpg" width="640" height="480" alt="firefox_android_UIpolish.006"></a></p>

<p><a href="http://www.flickr.com/photos/madhava_work/6512071651/" title="firefox_android_UIpolish.007 by madhava_work, on Flickr"><img src="http://farm8.staticflickr.com/7021/6512071651_8977383a5f_z.jpg" width="640" height="480" alt="firefox_android_UIpolish.007"></a></p>

<p><a href="http://www.flickr.com/photos/madhava_work/6512071815/" title="firefox_android_UIpolish.008 by madhava_work, on Flickr"><img src="http://farm8.staticflickr.com/7152/6512071815_94cb449366_z.jpg" width="640" height="480" alt="firefox_android_UIpolish.008"></a></p>

<p><a href="http://www.flickr.com/photos/madhava_work/6512071941/" title="firefox_android_UIpolish.009 by madhava_work, on Flickr"><img src="http://farm8.staticflickr.com/7173/6512071941_6965a1ec95_z.jpg" width="640" height="480" alt="firefox_android_UIpolish.009"></a></p>

<p><a href="http://www.flickr.com/photos/madhava_work/6512072153/" title="firefox_android_UIpolish.010 by madhava_work, on Flickr"><img src="http://farm8.staticflickr.com/7021/6512072153_31801d229b_z.jpg" width="640" height="480" alt="firefox_android_UIpolish.010"></a></p>

<p><a href="http://www.flickr.com/photos/madhava_work/6512072419/" title="firefox_android_UIpolish.011 by madhava_work, on Flickr"><img src="http://farm8.staticflickr.com/7001/6512072419_a3ee756bd3_z.jpg" width="640" height="480" alt="firefox_android_UIpolish.011"></a><br />
</center></p>

<p><br />
<i>Credit to Patryk Adamcyk and Ian Barlow for these mockups</i></p>]]></description>
<dc:subject></dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2011-12-14T14:50:47-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005058.html">
<title>Firefox on Android - Native UI in Nightlies</title>
<link>http://madhava.com/egotism/archive/005058.html</link>
<description><![CDATA[<p>If you're watching the <a href="http://nightly.mozilla.org/">nightly builds of Firefox on Android</a>, you'll have noticed that <a href="http://starkravingfinkle.org/blog/2011/11/firefox-for-android-nightly-channel-switches-to-native-ui-builds/">a lot just changed</a>. What you're seeing is the first wave of basic function and interface revisions as we rebuild <a href="http://lucasr.org/2011/11/15/native-ui-for-firefox-on-android/">Firefox as a native Android application</a>. This is very much a work in progress &mdash; a lot is there already, but there's even more still to come. Oh, you can <a href="http://nightly.mozilla.org/">get it here.</a></p>

<p><b>What have you done to my browser?</b><br />
Firefox, overall, is being <a href="http://groups.google.com/group/mozilla.dev.planning/browse_thread/thread/ff8d89bfa28383bb?pli=1">rebuilt to be faster and more responsive</a>. We wanted to match this with a rework of the UI that will make us feel quicker, more natural, and a better fit on Android. Our goals have been, primarily, the following:</p>

<ul>
<li> a simpler Android-based UI model
<li> being more recognizably Firefox
<li> incorporating things we've learned from our tablet UI, due out in Firefox 9
<li> easier one-handed use
<li> continuing to provide fast access to tabs and minimizing the need for typing
<li> working with froyo/gingerbread, but also ICS
</ul>

<p>We're  still revising, tweaking, and, well, wholesale throwing things out and redoing them, so please pipe up with your suggestions, but here's what you should be seeing right now.</p>

<p><br />
<b>A simpler, Firefoxier, thumbier UI</b><br />
What you'll notice right away, I think, is that the browser controls have been pruned back and, overall, they're laid out more simply. The browser is continuing on its path of doing things the Android way, whether that's through use of the system back button or standardizing on the Android menu system. Things should be where an Android user would expect to find them.</p>

<p><center><a href="http://www.flickr.com/photos/61892693@N03/6390166601/sizes/z/in/photostream/"><img border="0" src="http://farm7.staticflickr.com/6119/6390166601_9aa61ab116_z.jpg"></a></center></p>

<p>This consolidation has also let us put everything you frequently need under the arc of your thumb when you're using your phone in one hand; hopefully you'll seldom find yourself reaching and stretching, even as Ice Cream Sandwich phones get bigger and bigger.</p>

<p><center><a href="http://www.flickr.com/photos/61892693@N03/6390166157/sizes/z/in/photostream/"><img border="0" src="http://farm7.staticflickr.com/6094/6390166157_a30d371e07_z.jpg"></a></center></p>

<p><br />
<b>Tabs are kind of a big deal</b><br />
We've kept our Firefoxy focus on quick access to tabs, where you don't have to leave your current context to see and choose from what else you currently have open. We're also trying to leave you with better ambient sense of when tabs are getting created or closed, in the background or foreground, through the use of some subtle animations and transitions.</p>

<p><center><a href="http://www.flickr.com/photos/61892693@N03/6390166809/sizes/m/in/photostream/"><img border="0" src="http://farm7.staticflickr.com/6101/6390166809_d4c7db3a70.jpg"></a></center></p>

<p><br />
<b>Pulling in visual cues from Firefox on tablets and desktops</b><br />
The team has spent a lot of time looking at how we can have consistency across our many platforms. Firefox should feel familiar no matter where you're using it, even if the constraints of the particular device mean some structural changes.</p>

<p>We've had a lot of great feedback about the upcoming release of  Firefox for tablets, and you can see that this new Firefox on phones is its close sibling.</p>

<p><center><a href="http://www.flickr.com/photos/61892693@N03/6390299273/sizes/z/in/photostream/"><img border="0" src="http://farm7.staticflickr.com/6103/6390299273_c2aeca9388_z.jpg"></a></center></p>

<p>There are also a lot of places where the phone UI references that of the desktop, like in the position of the new tab button (though it serves more purposes here), our icons and glyphs, and in certain UI elements like our notification "door hangers":<br />
 <br />
<center><a href="http://www.flickr.com/photos/madhava_work/6390022027/" title="skitchPf79IQ by madhava_work, on Flickr"><img src="http://farm7.staticflickr.com/6230/6390022027_9bc6b64bee_o.jpg" width="414" height="298" alt="skitchPf79IQ"></a></center><br />
 </p>

<p><b>Optimized for Froyo / Gingerbread, and Ice Cream Sandwich</b><br />
Of course, people out there are on a lot of different versions of Android, and we want to look right for all of them: </p>

<p><center><a href="http://www.flickr.com/photos/61892693@N03/6390166687/sizes/z/in/photostream/"><img border="0" src="http://farm7.staticflickr.com/6035/6390166687_f9d6b7686c_z.jpg"></a></center></p>

<p><br />
<b>Coming Soon</b><br />
All of that is what you can have in your Firefox-nightly-clutching hands today. <i>But there's more!</i> Here's what's in the UI-design pipeline, coming to the nightly build soon:</p>

<ul>
<li> an all in-content add-ons manager &mdash; <a href="http://www.flickr.com/photos/patrykdesign/6306823456/in/photostream/lightbox/">Mockup</a>
<li> Sync &mdash; <a href="http://www.flickr.com/photos/madhava_work/6360153407/sizes/l/in/photostream/">Setup and prefs flow</a>
<li> Start Page &mdash; <i>on its way!</i>
</ul>

<p><br />
<b>I need more stability in my life</b><br />
If you like to wait for the new native Firefox to stabilize a bit more before you start using it, you can switch from Nightly builds to the <a href="https://wiki.mozilla.org/Mobile/Platforms/Android#Download_Aurora">Aurora release channel</a>. You may particularly want to do this if you're using a Honeycomb tablet &mdash; the new <a href="http://ianbarlow.wordpress.com/2011/09/30/firefox-for-tablets-lands-in-aurora/">Firefox tablet UI</a> that <a href="http://www.conceivablytech.com/9806/products/hands-on-mozilla-firefox-9-for-android-the-best-firefox-today">everybody's talking about</a> is stabilizing there, getting ready for final release later this year.</p>

<p><i>[with many thanks to Mozilla mobile UX designers <a href="http://ianbarlow.wordpress.com/">Ian Barlow</a> and Patryk Adamczyk]</i></p>

<p><br />
</p>]]></description>
<dc:subject>mozilla</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2011-11-23T13:23:43-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005057.html">
<title>If you can&apos;t say something nice</title>
<link>http://madhava.com/egotism/archive/005057.html</link>
<description><![CDATA[<p>The internet has increased our ability to express ourselves. In no place is this more obvious, unfortunately, than in the leaps and bounds we've made in our ability to be unkind to each other in blog comments. This increased capacity puts Moore's Law to shame, and then anonymously calls it an a*#$@*e, LOL. Inasmuch as we recognize this as an issue, we mostly seem to accept it as inevitable. We resort to the "grow a thicker skin" or "can't stand the heat..." bromides, shake our heads at our cruel and ungrammatical world, and strive to become less sensitive, as if this were a good thing.</p>

<p>Accepting this situation ignores that, by and large, we are thousands of times (I've measured) more civil to each other in the physical world. If putting up with our online behavior were a requirement for interacting with strangers offline, none of us would ever leave the house. Why call out the difference? It suggests that our current online situation doesn't have to be the way it is, which is tantalizing: incivility worsens the quality of our online lives, and, from a more immediately practical perspective, I think it lessens online participation.</p>

<p>An example: After years of free-for-all commenting on my blog, I started pre-moderating comments to keep the rage out; it wasn't really a solution, though, in that it didn't do anything for <i>my</i> quality of life. When my blog (on blog software so out-of-date that Gutenburg would have thought to himself "what an a*#$@*e, LOL") broke such that comments stopped working, I just never fixed it. And... I <i>liked</i> it. After a while, my pro-participation conscience kicked in, so I started, in each post, directing people to a discussion group to give me feedback.  The tone of conversation improved, but only in the "silence is golden" sense -- people just didn't bother. The baby, unfortunately, was gone along with the acrid, stinging bathwater (note: do not bathe a baby this way). Clearly, there is value in the immediacy of on-blog commenting. But how much does this ease of action contribute to unkindness? To what degree is anonymity the problem? If it's a major part of it, how much of it would we trade off for a more civil internet?</p>

<p>So, internet -- what can we do about this? I'm interested in short term blog-specific solutions, but the problem is an even more interesting one in general. If caring for the health of a participatory internet is our mission, and incivility harms participation, perhaps we should be thinking about this.</p>

<p>I'm really interested in what you think. Email me - the address is my first name at mozilla dot com.<br />
</p>]]></description>
<dc:subject>mozilla</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2011-06-07T22:59:05-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005056.html">
<title>Welcome, Ian Barlow!</title>
<link>http://madhava.com/egotism/archive/005056.html</link>
<description><![CDATA[<p>The Mozilla mobile user-experience team has grown by an <a href="http://madhava.com/egotism/archive/005054.html">astonishing 50%</a>!</p>

<p>A few weeks ago, <a href="http://ianbarlow.wordpress.com/">Ian Barlow</a> joined the mobile UX team, focusing on the visual design end of the UX spectrum. In his first few weeks, he's already been digging deep into our design work for Firefox Home, tablet versions of the Fennec Awesomescreen, and theming for Gingerbread and Honeycomb.  Ian's based in the Toronto office.</p>

<p>Before coming to Mozilla, Ian was responsible for much of the UI design for the <a href="http://www.kobobooks.com/ereaders">Kobo eReader</a>, as well as Kobo's apps for the <a href="http://www.kobobooks.com/iphone">iPhone</a>, <a href="http://www.kobobooks.com/ipad">iPad</a>, and <a href="http://www.kobobooks.com/android">Android</a>.</p>

<p>You can find Ian as "ianbarlow" in #mobile, #UX, and many other fine IRC channels. He's also <a href="http://ianbarlow.wordpress.com/">blogging a blog</a> about his Mozilla activities.</p>

<p>Welcome, Ian!</p>]]></description>
<dc:subject>mozilla</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2011-05-05T15:11:52-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005055.html">
<title>Firefox 4 for mobile - Release Candidate</title>
<link>http://madhava.com/egotism/archive/005055.html</link>
<description><![CDATA[<p><center><a href="http://www.flickr.com/photos/madhava_work/5544828669/" title="skitchQIQ3pq by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5296/5544828669_8fc224a358.jpg" width="500" height="300" alt="skitchQIQ3pq" /></a></center></p>

<p>The <a href="http://www.mozilla.com/en-US/mobile/4.0/releasenotes/">Release Candidate for Firefox 4 for mobile</a> (Maemo and Android) is out, and, if I may be so bold, this is a pretty darned good one.</p>

<p>I last wrote an update about what was new, user-experience-wise, 3 pre-releases ago for <a href="http://madhava.com/egotism/archive/005053.html">beta 3</a>. As you would expect, the focus has been decreasingly on new features since that time, concentrating more and more attention on speed, size, responsiveness, and stability.  These latter areas have benefited enormously; Firefox starts faster, pages render faster, you can pan more smoothly, and there's far less "checkerboarding."  You can move the app, including your browsing profile, to your phone's SD card, meaning that the browser, already much trimmed down, is nice and svelte on your phone's internal memory.</p>

<p>On top of all of this, though, there are a view visual and behavioral changes in the RC worth pointing out.  Here they are!</p>

<p><b>Text reflow on zoom</b><br />
A fundamental problem with shrinking big-screen-designed webpages down for viewing on small screens is that their text is often just too small to read.  Zooming in helps, but, often, by the time the text is big enough to read, the block you're interested in has expanded past the screen-edges.  There are a couple of approaches that browsers can take to remedy this; the one commonly used on Android is reformatting the text, on double-tap zoom, to be of a more readable size and layout.  We've included a version of the zoom technique in the RC:</p>

<p><center><a href="http://www.flickr.com/photos/madhava_work/5544973973/" title="skitch4rmCc2 by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5058/5544973973_6712857870_b.jpg" width="888" height="519" alt="skitch4rmCc2" /></a></center></p>

<p>You can turn on the Reformat Text on Zoom behavior in Firefox's preferences, here:</p>

<p><center><a href="http://www.flickr.com/photos/madhava_work/5545294482/" title="skitch8Vaef7 by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5254/5545294482_77fc8aeb1b.jpg" width="300" height="500" alt="skitch8Vaef7" /></a></center></p>

<p><br />
<b>Slimmed down Form Helper and Find In Page</b><br />
A touchscreen phone's on-screen keyboard and its accompanying suggestion/auto-correction bar(s) take up a lot of the available screen-space. To help users retain more of what remains for web-content, we pared back the on-screen presence of Firefox's form helper and find-in-page bar.</p>

<p>The form helper went from a full-screen-width bar housing previous/next buttons and occasionally-present Firefox form history entries to just the two buttons floating in the bottom right-hand corner; form history, when available, floats above or below the form field in use.</p>

<p>Similarly, find-in-page has gone from a full-screen-width bar to a floating widget in the bottom right-hand corner.</p>

<p><center><table border="0"><tr><td><a href="http://www.flickr.com/photos/madhava_work/5545050323/" title="skitch5raxYE by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5018/5545050323_8cf041b10a.jpg" width="300" height="500" alt="skitch5raxYE" /></a><br><center><i>Form helper with form history</i></center></td><td>&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5544777951/" title="skitchZ9OaIe by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5257/5544777951_de6e1eef58.jpg" width="300" height="500" alt="skitchZ9OaIe" /></a><br><center><i>Find-in-page</i></center></td></tr></table></center></p>

<p><br />
<b>Copy and Paste in form fields</b><br />
We've had copy, paste, and select all in mobile Firefox's URL field for a while, but now you can use them in HTML form fields as well.  Just tap-and-hold to bring up the menu:</p>

<p><center><a href="http://www.flickr.com/photos/madhava_work/5545372876/" title="skitchMfgUIr by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5298/5545372876_c339e141ef.jpg" width="300" height="500" alt="skitchMfgUIr" /></a></center></p>

<p><br />
<b>Character Encoding</b><br />
For speakers of a couple of the world's languages, it's extremely useful to be override the character encoding that a page claims to use, usually because the page is mistaken, rendering the page unreadable.  Now, if you need to, you can specify the character encoding you'd like to use to display a given page:</p>

<p><center><table border="0"><tr><td><a href="http://www.flickr.com/photos/madhava_work/5544745663/" title="skitchHkCrMN by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5294/5544745663_62b9fd3a55.jpg" width="300" height="500" alt="skitchHkCrMN" /></a></td><td>&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5544746849/" title="skitchGFtaOI by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5021/5544746849_9c18366252.jpg" width="300" height="500" alt="skitchGFtaOI" /></a></td></tr></table></center></p>

<p>This is a great example of a a split in Firefox's worldwide userbase: it's a feature that is never used by a large percentage of Firefox's users, but is absolutely essential to another large percentage. To keep the Site Menu down to minimal set of options, Character Encoding isn't displayed by default. You can turn it on in Preferences, here:</p>

<p><center><a href="http://www.flickr.com/photos/madhava_work/5544718959/" title="skitche2DXEe by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5257/5544718959_24d238548f.jpg" width="300" height="500" alt="skitche2DXEe" /></a></center></p>

<p><br />
So, those are the big ones.  Somewhere along the way from Beta 3, the team has also added<br />
<ul><li>support for restartless add-ons<br />
<li>more sensible UI scaling for MDPI screens<br />
<li>some UI layout adjustments for small tablets like the Galaxy Tab<br />
<li>scroll indicators<br />
<li>iframe scrolling<br />
<li>a more informative design for the "New Tab Opened" pop-up<br />
<li>Android-style toaster alerts<br />
<li>a revised style for the Sync setup dialog</ul></p>

<p>Get the Release Candidate (<a href="https://market.android.com/details?id=org.mozilla.firefox">Android</a> | <a href="http://www.mozilla.com/en-US/m/">N900</a> and try it out if you'd like to help test!</p>]]></description>
<dc:subject>General</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2011-03-21T17:25:46-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005054.html">
<title>If the shoe Fitts</title>
<link>http://madhava.com/egotism/archive/005054.html</link>
<description><![CDATA[<p>With <a href="http://www.mozilla.com/en-US/mobile/beta/">Firefox 4 for Mobile</a> to be released <i>very soon indeed</i>, we've naturally been getting things moving on what comes next.  There's a lot to consider, ranging from already-concrete refinements of the product to larger and still-forming ideas around what a mobile browser can and should be.  That is, as they say in the business, a lot of mockups.</p>

<p>So, I'm very pleased to announce that our mobile user-experience team is growing by one and to welcome <a href="http://www.briandils.com/blog/">Brian Dils</a> to Mozilla. </p>

<p>Brian has several years of user-experience design behind him, including product work at PayPal, Squeezebox at Logitech, and, most recently, Adobe, where he worked on the design of Acrobat and Reader for Android. He has a Master's in <a href="http://www.soic.indiana.edu/graduate/programs/hcid/">HCI Design</a> from Indiana University - Bloomington.</p>

<p>You can find Brian as "briandils" in your favorite UX- or mobile-themed IRC channel, on <a href="http://www.briandils.com/blog/">his blog</a>, and by the small-star-equivalent radio output of his many mobile devices.  Please join me in welcoming Brian!<br />
</p>]]></description>
<dc:subject>General</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2011-03-08T16:47:24-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005053.html">
<title>Firefox 4 beta 3 for Mobile</title>
<link>http://madhava.com/egotism/archive/005053.html</link>
<description><![CDATA[<p>It's only been about a month and a half since the <a href="http://madhava.com/egotism/archive/005052.html">last beta release</a>, but it's already time to announce <a href="http://blog.mozilla.com/?p=2739">Firefox 4 beta 3 for mobile</a>. </p>

<table><tr><td valign="top"><a href="http://www.flickr.com/photos/madhava_work/5283679692/" title="Get Firefox 4 beta 3 for mobile from the Android market by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5004/5283679692_9fe79b4d9f_t.jpg" width="100" height="100" alt="Get Firefox 4 beta 3 for mobile from the Android market" /></a></td><td>&nbsp;&nbsp;</td><td valign="top">The beta is now available in the <a href="market://details?id=org.mozilla.firefox">Android Market</a>, which you can find by opening the Market application on your phone and searching for &#8220;Mozilla Firefox.&#8221;   The Maemo builds are <a href="http://firefox.com/m/beta">available for download here</a>.  There are more instructions over at the <a href="http://blog.mozilla.com/blog/2010/12/22/new-improved-and-easier-to-use-firefox-4-beta-for-android-and-maemo/">official blog post</a>.<p>The QR code to the left will take you to Firefox in the Android Market.</td></tr></table>

<p>This beta improves performance over what's come before, and it also brings with it a long list of visible changes. In two areas in particular &ndash; Android integration and Sync &ndash; I think you'll notice a lot of improvement.  Here's a list of what's most exciting!</p>

<p></p>

<p><h3>Android integration</h3><br />
With beta 2, Firefox introduced a new more Android-like look; in beta  3, Firefox has taken more steps to have an Android-like feel.</p>

<ol><li><b>Notification icons in the system bar</b><br>Firefox now puts its own notifications, with icons, in the Android system bar.  For now, the notifications pertain to add-ons and downloads (progress and notification of completion):
<center><table><tr><td><a href="http://www.flickr.com/photos/madhava_work/5279771108/" title="notifications! by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5247/5279771108_66b52c9b07.jpg" width="300" height="500" alt="notifications!" /></a></td><td>&nbsp;&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5279771966/" title="full notifications by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5002/5279771966_ddf6353442.jpg" width="300" height="500" alt="full notifications" /></a></td></tr></table></center>

<p><li><b>Android keyboards</b><br>There are a number of variants of the Android virtual keyboard that are optimized for particular cases.  In beta 3, Firefox lets you use the one that's appropriate, depending on what you're trying to do.  For example, when you're using the URL field on the awesomescreen, the Android keyboard with a "Go" button will be used. Similarly, when searching for add-ons, a search button will be present.</p>

<p><center><table border="0"><tr><td><a href="http://www.flickr.com/photos/madhava_work/5279640966/" title="Go in the keyboard by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5208/5279640966_5545abbf56.jpg" width="300" height="500" alt="Go in the keyboard" /></a></td><td>&nbsp;&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5279039063/" title="Search in the keyboard by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5165/5279039063_1031cd3f33.jpg" width="300" height="500" alt="Search in the keyboard" /></a></td></tr></table></center></p>

<p>It goes beyond fields in the browser "chrome," too. The appropriate android keyboard will come up for field types like email, number, telephone, and URL in HTML5 forms.</p>

<p><li><b>A native Android menu</b><br>Android users have the benefit of a permanent hardware menu button, so it makes sense to let them use it to get to secondary browser functionality.  Everthing accessible through this menu is also available somewhere on the on-screen user-interface, but the Android menu button can provide quicker and more convenient access to these tools.</p>

<p><center><a href="http://www.flickr.com/photos/madhava_work/5279120495/" title="Android menu by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5002/5279120495_73b3990251.jpg" width="300" height="500" alt="Android menu" /></a></center><br />
(The menu can also be extended by add-ons, of course, as in Matt Brubeck's <a href="https://addons.mozilla.org/en-US/mobile/addon/252573/">Full Screen</a>.)</p>

<p><li><b>File pickers for uploading</b><br>Android phones don't come with File Manager apps, and smartphones in general these days try to de-emphasize the idea of a file system.  This means that when a website asks you to browse for a file to upload, the browser has to offer something a little different than a desktop-style file picker.  In Firefox on Android, you'll see a list like the one on the left below. If I select the Gallery because I want to upload an image, I get something like what's below on the right.</p>

<p><center><table><tr><td><a href="http://www.flickr.com/photos/madhava_work/5263465013/" title="skitchbcrXR0 by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5289/5263465013_270b83d140.jpg" width="300" height="500" alt="skitchbcrXR0" /></a></center></td><td>&nbsp;&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5279717902/" title="pick a photo by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5289/5279717902_a82595402e.jpg" width="300" height="500" alt="pick a photo" /></a></td></tr></table></center></p>

<p><li><b>Wrap text on zoom</b><br>I'm cheating with this list a little, in that this item doesn't quite fit here &mdash;  it's <b>not actually in beta 3</b>.  If you're a fan of the Android "reflow/wrap-text on zoom" behaviour, and would like it in Firefox, you can get something very similar by using an add-on called <a href="https://addons.mozilla.org/en-US/mobile/addon/157099/">Easy Reading</a>.  We're looking into adding this behaviour to the browser, but you can get a head start and help test it out with the Add-on.</p>

<p><center><a href="http://www.flickr.com/photos/madhava_work/5279193025/" title="Easy Reading by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5004/5279193025_98156f8913.jpg" width="380" height="500" alt="Easy Reading" /></a></center><br />
</ol></p>

<p><br />
<h3>Simpler Sync</h3><br />
Firefox Sync is one of the best things about using Firefox on your mobile, so we wanted to make sure that it was convenient to set up and completely simple to use.</p>

<ol>
<li><b>Fast Setup</b><br>In the past, signing into Sync from your mobile has meant remembering and entering your username and password (to identify yourself) and your Sync Key (for encryption).  This is great for privacy and security, but makes for a lot of fiddly typing on a small keyboard.  In Firefox 4 beta 3, we've streamlined this process.

<p>To get going with Sync, you tap on "Connect" in the Sync prefs section (see below left). What comes up is a passcode (below right);  you take this and enter it under "Add a device" in Firefox on a desktop system already associated with your Sync account.  That's it - entering the code will pair Firefox on your mobile with your account.  That code may look long, but remember &mdash; you're not doing <i>any</i> typing on a mobile device.</p>

<p><center><table><tr><td><a href="http://www.flickr.com/photos/madhava_work/5279682356/" title="sync not set up by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5165/5279682356_902fa455da.jpg"  width="300" height="500" alt="sync not set up"  /></a></td><td>&nbsp;&nbsp;</td><td><a  href="http://www.flickr.com/photos/madhava_work/5279682778/" title="jpake setup by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5206/5279682778_df3018e412.jpg" width="300" height="500" alt="jpake setup" /></a></td></tr></table></center></p>

<p>If for some reason you can't get to a copy of Firefox that's paired with your account to enter the code, you can always do it the old way.  Notice that you can set up and use your own custom sync server, if you want to.</p>

<p><center><a href="http://www.flickr.com/photos/madhava_work/5279684052/" title="sync account info by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5002/5279684052_f8a8767a24.jpg" width="300" height="500" alt="sync account info" /></a></center><br />
For a more detailed description of the whys and hows of this new approach to Sync setup (called PAKE), <a href="http://philikon.wordpress.com/2010/12/18/status-report-for-the-holiday-season/">Phillipp from the Sync team has a post here</a>.</p>

<p><li><b>Set it and forget it</b><br>Once it's done, that's it, really. You need never do anything to it again - Sync will just work in the background.  If you want to turn it off for a while, you can just hit the "Enable Sync" switch. If you're so inclined, you can dig into "Details" for more, well, details.</p>

<p><center><table><tr><td><a href="http://www.flickr.com/photos/madhava_work/5279673566/" title="skitchl8xqil by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5281/5279673566_c24f88887e.jpg" width="300" height="500" alt="skitchl8xqil" /></a></td><td>&nbsp;&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5279072963/" title="sync details by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5249/5279072963_5a67e2dafd.jpg" width="300" height="500" alt="sync details" /></a></td></tr></table></center><br />
</ol></p>

<p><h3>The Miscellany</h3><br />
<ol><br />
<li><b>Copy  and paste in the URL field</b><br>Firefox allows for long-tap copying, pasting, and selecting all (useful for  deleting) in the awesomescreen's URL/search field:<br />
 <br />
<center><table><tr><td><a href="http://www.flickr.com/photos/madhava_work/5279135765/" title="skitchtM2xHE by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5042/5279135765_aea29683ce.jpg" width="300" height="500" alt="skitchtM2xHE" /></a><br />
</td><td>&nbsp;&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5279141881/" title="copy when highlighted by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5085/5279141881_4ee1670d10.jpg" width="300" height="500" alt="copy when highlighted" /></a></td></tr></table></center></p>

<p><li><b>When no suggestions, show searches</b><br>Usually, typing in the awesomescreen's field will show matches from your history, bookmarks, and tabs open on other computers. When Firefox can't find any matches for what you've typed, or can only find a couple, it will list your search engines so you can just tap and search.  In the screenshot below, I have installed a number of the shown search engines; Twitter and Wikipedia, both part of the default set, are just off-screen.</p>

<p><center><a href="http://www.flickr.com/photos/madhava_work/5279213175/" title="searching by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5123/5279213175_22897d2196.jpg" width="300" height="500" alt="searching" /></a></center></p>

<p><li> <b>Save page as PDF now works on Android</b></p>

<p><center><table><tr><td><a href="http://www.flickr.com/photos/madhava_work/5279833814/" title="Save as PDF by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5168/5279833814_225dce21fd.jpg" width="300" height="500" alt="Save as PDF" /></a></td><td>&nbsp;&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5279836558/" title="downloaded pdf by madhava_work, on Flickr"><img src="http://farm6.static.flickr.com/5164/5279836558_4fd9701c20.jpg" width="300" height="500" alt="downloaded pdf" /></a></td></tr></table></center></p>

<p><li> See more Add-ons in the Get Add-ons section of the Add-ons Manager<br />
<li> Opening links from other apps now works smoothly<br />
<li> Correct rendering of Arabic and Persian text (on devices with Arabic and Farsi fonts)<br />
<li> Content process crash reporting<br />
<li> Support for web APIs: localStorage and orientation events (new on Android)<br />
</ol><br />
</p>]]></description>
<dc:subject>General</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2010-12-22T01:35:01-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005052.html">
<title>What&apos;s new: Firefox 4 beta 2 for mobile</title>
<link>http://madhava.com/egotism/archive/005052.html</link>
<description><![CDATA[<p><a href="http://blog.mozilla.com/?p=2524">Beta 2 of Firefox 4 for mobile is out</a>, and with it comes a lot of exciting change in the browser.  Others will be writing more about how the browser runs JavaScript faster and loads pages more quickly; that battery consumption, memory footprint, and install size have all been reduced; and that we have a built-in crash reporter and app updater.  These all contribute directly to a great user-experience and are huge improvements.</p>

<p>As usual, though, the changes that are closest to my heart are the ones that affect your immediate interaction with the browser - what it looks like and how it behaves. In addition to important foundational improvements like more responsive pinch-zooming and clearer text rendering, there are number of things that I'd like to point out in particular.</p>

<p><b>Revised Android-inspired theme</b><br />
The "theme," or look, of Firefox on mobile has undergone an overhaul.  We've tried to make something that feels appropriate on Android, borrowing, for example, from the platform's flat square toolbar button look, its bubble popups, and context menus styles, while still maintaining a connection to Firefox for desktop platforms.  We're still fine-tuning, but it already feels, to me, much cleaner and clearer than our last version.</p>

<p><center><table border="0"><tr><td><a href="http://www.flickr.com/photos/madhava_work/5145109660/" title="skitchAVc8tO by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1221/5145109660_f653435d01.jpg" width="301" height="500" alt="skitchAVc8tO" /></a></td><td>&nbsp;&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5145114180/" title="skitchXktMXB by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1126/5145114180_3758234081.jpg" width="301" height="500" alt="skitchXktMXB" /></a></td></tr><br />
<tr><td><a href="http://www.flickr.com/photos/madhava_work/5145111800/" title="skitch1MxIM2 by madhava_work, on Flickr"><img src="http://farm5.static.flickr.com/4132/5145111800_ef37cf05c5.jpg" width="301" height="500" alt="skitch1MxIM2" /></a></td><td>&nbsp;&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5144510097/" title="skitchGHT5yk by madhava_work, on Flickr"><img src="http://farm5.static.flickr.com/4130/5144510097_faa71f2147.jpg" width="301" height="500" alt="skitchGHT5yk" /></a></td></tr></table></center></p>

<p></p>

<p><b>Reorganized awesomescreen</b><br />
In many ways, a browser's most important job other than rendering the web is to help you find your place in it.  The web is huge and, without some help, finding the sites that matter to you can be very difficult.  This is the rationale behind Firefox's awesomebar (or awesomescreen, in mobile) &mdash; it helps you make sense of your parts of the web without requiring you to do a lot of filing, configuration, or management.  You wear it in just by using the browser; it gives you quicker and quicker access to the sites you visit often and have visited recently, while also minimizing the amount of typing you have to do.</p>

<p>On mobile devices, we decided to concentrate all the ways you find your sites into one place.  The awesomebar's algorithm curates a default "all pages" list based on what you tend to do, but you can also get right into your organized bookmarks if you know exactly where you're looking.  If you want to find a site you've seen recently, and that's all you remember about it, your history is right at hand.  And, finally, you can see the sites that you already have open on your desktop computer, via sync, right here as well.</p>

<p><center><table><tr><td><a href="http://www.flickr.com/photos/madhava_work/5145117924/" title="skitch14Fglx by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1212/5145117924_5ea8ddcedb.jpg" width="301" height="500" alt="skitch14Fglx" /></a></td><td>&nbsp;&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5145119518/" title="skitchixuhHK by madhava_work, on Flickr"><img src="http://farm5.static.flickr.com/4008/5145119518_93bce7fe59.jpg" width="301" height="500" alt="skitchixuhHK" /></a></td></tr><br />
<tr><td>&nbsp;</td></tr><br />
<tr><td><a href="http://www.flickr.com/photos/madhava_work/5145120950/" title="skitchul27XB by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1390/5145120950_7a16ba99df.jpg" width="301" height="500" alt="skitchul27XB" /></a></td><td>&nbsp;&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5144585773/" title="skitchImYZxw by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1251/5144585773_16d8f57bb4.jpg" width="301" height="500" alt="skitchImYZxw" /></a></td></tr></table></center></p>

<p>When you type, the awesomescreen pulls up your best matches from across all the categories, as usual. Bookmarks and sites on your desktop machine are marked with icons to give you some context &mdash; for example, if you type "wombat" and many results come up, you can quickly recognize the one you're looking for because you can see that it's the one you just had open before leaving your desk.</p>

<p><br />
<center><a href="http://www.flickr.com/photos/madhava_work/5144524049/" title="skitchCvjDpP by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1426/5144524049_7af67a157e.jpg" width="301" height="500" alt="skitchCvjDpP" /></a></center></p>

<p><br />
To make room for more awesome results, especially when a virtual keyboard is present, we've moved the multiple search engines available in Firefox to a search button, next to the field. You can access all of the built-in search engines, as well as any you add from the web, here.</p>

<p><br />
<center><a href="http://www.flickr.com/photos/madhava_work/5144525341/" title="skitchG1qvOb by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1397/5144525341_2324091e11.jpg" width="301" height="500" alt="skitchG1qvOb" /></a></center></p>

<p><br />
<b>Undo close tab</b><br />
The ability to reopen an accidentally closed tab is as useful while mobile as it is on the desktop, where this feature is very popular.  We've found an elegant way to surface this feature here:  until you navigate away from the tab sidebar, the most recently closed tab will appear, reopenable, at the bottom of the area.  One tap brings it back.</p>

<p><br />
<center><table border="0"><tr><td><a href="http://www.flickr.com/photos/madhava_work/5144555131/" title="skitchD7V668 by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1338/5144555131_354afa2711.jpg" width="301" height="500" alt="skitchD7V668" /></a></td><td>&nbsp;&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5145143906/" title="skitchrDX2kR by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1357/5145143906_a3683b8b0d.jpg" width="301" height="500" alt="skitchrDX2kR" /></a></td></tr></table></center></p>

<p><br />
<b>Sharing</b><br />
Taking something that you've found or created on the internet and showing it to others is now a basic act of web-use.  In Firefox 4 for mobile, and now more fleshed out in beta 2, you can share links and images from almost wherever you find them, and do so through the Android sharing system.</p>

<p><center><table border="0"><tr><td><a href="http://www.flickr.com/photos/madhava_work/5144527339/" title="skitchTVS4gr by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1236/5144527339_74576b67f7.jpg" width="301" height="500" alt="skitchTVS4gr" /></a></td><td>&nbsp;&nbsp;</td><td><a href="http://www.flickr.com/photos/madhava_work/5145131220/" title="skitch8sR5aY by madhava_work, on Flickr"><img src="http://farm5.static.flickr.com/4041/5145131220_fedb48d994.jpg" width="301" height="500" alt="skitch8sR5aY" /></a></td></tr></table></center></p>

<p>You can long-tap links or images in webpages to share them, as shown above.  You can also select "Share Page" from the site menu to share the page you're currently on.  Finally, you can share by long-tapping on any item in the awesomescreen, regardless of whether it's a bookmark, history item, or page from your desktop machine.</p>

<p><br />
Please share your feedback with the team as you use beta 2! There's a simple mechanism for doing so in the included Beta Tester Tools panel.  We're eager to hear what you think!</p>

<p><center><a href="http://www.flickr.com/photos/madhava_work/5145836793/" title="skitchDd8yqA by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1130/5145836793_58aa04630c.jpg" width="301" height="500" alt="skitchDd8yqA" /></a></center><br />
</p>]]></description>
<dc:subject>General</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2010-11-04T15:00:00-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005051.html">
<title>Designing for Sharing - Moz10 Lightning Talk</title>
<link>http://madhava.com/egotism/archive/005051.html</link>
<description><![CDATA[<p>I gave a Lightning Talk at the <a href="http://www.flickr.com/search/?q=moz10&w=all&m=&s=int&mt=&referer_searched=">Mozilla Summit 2010</a> called "Designing for Sharing."  A number of people came up to talk to me about it afterwards, so while the 5 minutes of it is still lingering in my brain, here it is in blog form.</p>

<p>One thing I left to the end while on stage, in the interest of getting to the point quickly, was that pretty much everything in here is drawn from an amazing presentation by <a href="<a href="http://www.thinkoutsidein.com/blog/">Paul Adams</a> called <a href="http://www.slideshare.net/padday/bridging-the-gap-between-our-online-and-offline-social-network">The Real Life Social Network</a> and a book called <a href="http://connectedthebook.com/">Connected</a>, by Christakis and Fowler.  Both are worth reading, if you're interested in this topic.</p>

<p>Onwards!</p>

<p><center><a href="http://www.flickr.com/photos/madhava_work/4822020088/" title="madhava_lightningtalk.001 by madhava_work, on Flickr"><img border="1px" src="http://farm5.static.flickr.com/4096/4822020088_9b42c6df2b.jpg" width="500" height="375" alt="madhava_lightningtalk.001" /></a></center></p>

<p><br />
The point has pretty substantially been made by this point that "social" is a very big deal, and that a major part of our role [meaning Mozilla, here, but you should feel included! - ed.] is going to be to make the internet a better fit for the extremely social creatures that we humans are.</p>

<p>We've been taking some steps toward this in designing the next version of Fennec &ndash; Firefox on mobile devices &ndash; by introducing the ability to share, by which we mean the ability to take things you find or create on the internet and show them to your friends.</p>

<p>In doing so, we've found that it's critical to remember that social networks are not a new online phenomenon; we have always existed and acted within social networks.  It's been very useful, therefore, to look at how we are social and share in the "real" offline world...</p>

<p><br />
<center><a href="http://www.flickr.com/photos/madhava_work/4822020156/" title="madhava_lightningtalk.002 by madhava_work, on Flickr"><img border="1px" src="http://farm5.static.flickr.com/4142/4822020156_7fd3765cb7.jpg" width="500" height="375" alt="madhava_lightningtalk.002" /></a></center></p>

<p><br />
which is accurately depicted in this photograph.  I'm sure you all recognize this from your own lives. [Laughter is suggested at this point - ed.]  It turns out that we know quite a bit about how people behave, and a lot of it is quite universal, which makes it a great foundation for design.</p>

<p><br />
<center><a href="http://www.flickr.com/photos/madhava_work/4821403581/" title="madhava_lightningtalk.003 by madhava_work, on Flickr"><img border="1px" src="http://farm5.static.flickr.com/4114/4821403581_06230de052.jpg" width="500" height="375" alt="madhava_lightningtalk.003" /></a></center></p>

<p><br />
First, people have multiple independent groups of friends.  These groups tend to form out of stages of life or shared interests, so you might have your work friends, your college friends, your family, and your friends from that big event you go to every year.  These groups don't tend to mix, and in fact you tend to show different aspects of your identity to each of them; in a sense, you are a different person with each.  As a result, people get uncomfortable when, as in the current crop of online social networking tools, it's difficult to talk to just one group at a time, and the way you act is visible to everyone all at once.  So - we should design for multiple groups.</p>

<p>Luckily, we know some things about these groups.  People tend to have between 4 and 6 of them, each comprised of between 2 and 10 people.  This helps to constrain the design problem.</p>

<p><br />
<center><a href="http://www.flickr.com/photos/madhava_work/4822020242/" title="madhava_lightningtalk.004 by madhava_work, on Flickr"><img border="1px" src="http://farm5.static.flickr.com/4141/4822020242_82c8132fd7.jpg" width="500" height="375" alt="madhava_lightningtalk.004" /></a></center></p>

<p><br />
Next, not all relationships are the same.  Of course, every relationship is a unique and beautiful snowflake, but systemically they break down into different strengths of relationship. First, there are your strong ties.  These are the people you are closest to, ask for opinions the most, and talk with, by far, the most.  Most people have about 4 of these strong ties.  What's interesting is that this seems to hold true across phone usage and Facebook.  80% of phonecalls tend to be made to the same 4 people, and, while people have on average 130 Facebook friends, they tend to interact the most with about 6 of them.  We should optimize for these shortlists of strong contacts.</p>

<p><br />
<center><a href="http://www.flickr.com/photos/madhava_work/4821403659/" title="madhava_lightningtalk.005 by madhava_work, on Flickr"><img border="1px" src="http://farm5.static.flickr.com/4073/4821403659_7a7c0d215c.jpg" width="500" height="375" alt="madhava_lightningtalk.005" /></a></center></p>

<p>There are therefore also weak ties.  These are people whose lives you are more or less up-to-date about, but with whom you don't speak weekly.  Weak doesn't mean unimportant, though.  It turns out that when, through contacts, you find new information, get a job, or find a partner, it tends to be through your weak ties.  This makes sense in that, typically, if one of your strong ties knows about something, you probably do already as well.  You have to go further out in your social network for things that are new.  There's a also a limit on the number of these ties we can have &ndash; about 150 &ndash; and this limit doesn't seem to be related to the efficiency of our communication mechanisms.  It an inherent cognitive limitation.</p>

<p><br />
<center><a href="http://www.flickr.com/photos/madhava_work/4822020320/" title="madhava_lightningtalk.006 by madhava_work, on Flickr"><img border="1px" src="http://farm5.static.flickr.com/4075/4822020320_9a287b1fa3.jpg" width="500" height="375" alt="madhava_lightningtalk.006" /></a></center></p>

<p><br />
And then I closed by pointing out these two sources, both definitely worth reading.</p>

<p>Since the summit, <a href="http://www.thinkoutsidein.com/blog/">Paul Adams</a> has posted links to most of the references he used in research the presentation I mention; <a href="http://www.thinkoutsidein.com/blog/2010/07/data-behind-real-life-social-network/">it's a great list</a>, well worth going through.</p>

<p>Oh, if it helps, this is what I looked like while giving the original talk. <i>Intense.</i></p>

<p><center><a href="http://www.flickr.com/photos/gen/4776810872/" title="Madhava Enros by Gen Kanai, on Flickr"><img src="http://farm5.static.flickr.com/4099/4776810872_5e4e69ddb5_m.jpg" width="240" height="160" alt="Madhava Enros" /></a></center></p>]]></description>
<dc:subject>mozilla</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2010-07-23T16:30:26-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005050.html">
<title>Field Guide to Firefox 1.1 for Maemo</title>
<link>http://madhava.com/egotism/archive/005050.html</link>
<description><![CDATA[<p><center><a href="http://www.flickr.com/photos/madhava_work/4727343243/" title="fx_in_wild2 by madhava_work, on Flickr"><img border="0" src="http://farm2.static.flickr.com/1071/4727343243_3501faccf4_o.jpg" width="667" height="427" alt="fx_in_wild2"></a></center></p>

<p>It's done! <a href="https://www.mozilla.com/en-US/mobile/1.1/releasenotes/">Firefox 1.1 for Maemo devices</a> (Nokia N900, N810) is <a href="http://blog.pavlov.net/2010/07/01/firefox-for-maemo-1-1/">out in the wild</a>, and it's packed with awesome.</p>

<p>Over the last several weeks of the beta, members of the mobile team have written blog posts about most of the new features and improvements you'll find in the browser.  Here, with quick summaries, are links to all of them - enjoy!</p>

<p><br />
<b>Site Menu</b><table><tr><td valign="top"><a href="http://www.flickr.com/photos/madhava_work/4521940382/"; title="Screenshot-20100414-181835.png by madhava_work, on Flickr"><img src="http://farm3.static.flickr.com/2708/4521940382_8c2f403cd5_m.jpg"; width="240" height="144" alt="Screenshot-20100414-181835.png" /></a></td><td>&nbsp</td><br />
<td valign="top">When you tap on the Site Button in Firefox 1.1 for Maemo, you'll see more than just the site identity information you're used to from previous versions and Firefox on the desktop.  You'll now also get a number of actions that will help you manage your relationship with the site you're currently on.</p><p>Certain of these actions, like "Save As PDF" will always be there, because they're always relevant. Some others will only be there when there's need:  "Add Search Engine" will only show up if the site offers a search engine that you can add to Firefox's search bar.  "Forget Password" and "Clear Site Preferences" will be there only if you've previously told Firefox to save your password or to always behave in a certain way (always block pop-ups, for example).<p><a href="http://madhava.com/egotism/archive/005043.html">Read all about the Site Menu</a></td></tr></table></p>

<p><b>Portrait Browsing</b><table><tr><td valign="top"><a href="http://www.flickr.com/photos/madhava_work/4627301724/" title="Screenshot-20100521-130357.png by madhava_work, on Flickr"><img src="http://farm4.static.flickr.com/3409/4627301724_d7b3140c94_m.jpg" width="144" height="240" alt="Screenshot-20100521-130357.png" /></a></td><td>&nbsp</td><br />
<td valign="top">When you hold your mobile device in portrait, Firefox will automatically rotate and resize itself to fit. A number of designed-for-mobile sites prefer this orientation, and now they'll display as intended in Firefox.<p><a href="http://madhava.com/egotism/archive/005049.html">Read all about Portrait Browsing</a></td></tr></table></p>

<p><br />
<b>Start Page</b><table><tr><td valign="top"><a href="http://www.flickr.com/photos/madhava_work/4700636555/" title="start page in portrait by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1287/4700636555_d957293d99_m.jpg" width="144" height="240" alt="start page in portrait" /></a></td><td>&nbsp</td><br />
<td valign="top">When you launch Firefox on your mobile, it now provides a couple of things that are often of particular interest at the beginning of a browsing session.  First, the new Start Page presents you with a tappable list of of all the tabs you had open the last time you were using the browser, and also gives you a way to open all them (useful if you have a set of pages you always like to keep open).  Second, if you have <a href="http://www.mozilla.com/en-US/firefox/sync/">Firefox Sync</a> installed, it gives you a quick link to the list of tabs you have or just had open on your desktop computer. Finally, it uses the opportunity to mention one or two recommended add-ons.<p><a href="http://madhava.com/egotism/archive/005044.html">Read more about the Start Page</a></td></tr></table></p>

<p><br />
<b>Save as PDF</b><table><tr><td valign="top"><a href="http://www.flickr.com/photos/madhava_work/4558312423/" title="Screenshot-20100427-171405.png by madhava_work, on Flickr"><img src="http://farm4.static.flickr.com/3063/4558312423_6a67139f26_m.jpg" width="240" height="144" alt="Screenshot-20100427-171405.png" /></a></td><td>&nbsp</td><br />
<td valign="top">Do these situations sound familiar?<br />
<ul><li>you want to have a permanent record of a receipt or a confirmation page after booking something online?<br />
<li>you want to be certain you'll have a copy of a page when you don't have network</ul><br />
<p>When you find yourself in either situation, you can now tap on the Site Button and select "Save As PDF."</p><a href="http://madhava.com/egotism/archive/005045.html">Read more about "Save As PDF"</a></td></tr></table></p>

<p><br />
<b>Context Menus</b><table><tr><td valign="top"><a href="http://www.flickr.com/photos/madhava_work/4689018476/" title="Screenshot-20100610-155426.png by madhava_work, on Flickr"><img src="http://farm5.static.flickr.com/4001/4689018476_24608c9bde_m.jpg" width="240" height="144" alt="Screenshot-20100610-155426.png" /></a></td><td>&nbsp</td><br />
<td valign="top">Firefox now provides finger-friendly "tap-and-hold" contextual menus. When you want to open a link in a new tab or save an image, you can tap and hold your finger on a link or image, respectively, to get the actions you need.<p><a href="http://starkravingfinkle.org/blog/2010/04/fennec-1-1-context-menus/">Read Mark Finkle's post about context menus here</a></td></tr></table></p>

<p><br />
<b>Smart Tap</b><table><tr><td valign="top"><a href="http://www.flickr.com/photos/madhava_work/4601984233/" title="Untitled by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1422/4601984233_7e465263b3_m.jpg" width="240" height="111" alt="Untitled" /></a></td><td>&nbsp</td><br />
<td valign="top"><i>Smart Tap</i> is what we're calling the system in mobile Firefox 1.1  that makes it easier for you to tap on small links, fields, and buttons.</p><p>From your perspective, tapping on small targets should just work out the way you intend. Behind the scenes, there's a lot going on to make it feel this way.  Two examples: the areas surrounding elements that will accept taps are larger and smartly positioned; and links you've tapped before are made easier to hit again<p><a href="http://starkravingfinkle.org/blog/2010/05/smart-tapping-in-mobile-firefox/">Read all about Smart Tap</a></td></tr></table></p>

<p><br />
<b>Zoom Buttons</b><table><tr><td valign="top"><a href="http://www.flickr.com/photos/madhava_work/4604236477/" title="portrait_annotated by madhava_work, on Flickr"><img src="http://farm5.static.flickr.com/4060/4604236477_132e6226ed_m.jpg" width="240" height="180" alt="portrait_annotated" /></a></td><td>&nbsp</td><br />
<td valign="top">One of the most requested features after we released Firefox on Maemo 1.0 was for a way to "free-form" zoom. Firefox 1.0 already lets you double-tap to zoom to a column of text or an image, but sometimes that's not enough. Now, on the Nokia N900, you can use device's rocker button to zoom freely in and out. Future versions of Firefox on devices with multitouch will support pinch-zooming.<p><a href="http://madhava.com/egotism/archive/005047.html">Read all about zooming with the buttons here</a></td></tr></table></p>

<p><br />
<b>Form Autocomplete</b><table><tr><td valign="top"><a href="http://www.flickr.com/photos/madhava_work/4624173211/" title="Screenshot-20100512-142444.png by madhava_work, on Flickr"><img src="http://farm5.static.flickr.com/4030/4624173211_9e16eb553e_m.jpg" width="240" height="144" alt="Screenshot-20100512-142444.png" /></a></td><td>&nbsp</td><br />
<td valign="top">Firefox 1.1 does even more than before to help you avoid having to type: it now does form field autocompletion. Using an algorithm similar to the one that powers the awesome bar, Firefox will suggest entries appropriate for the form-field you're on based on what you've entered before. For forms you use a lot &mdash; checking into a flight, entering your address &mdash; a single tap can replace a lot of messing around with a keyboard.  The best part is that with <a href="https://addons.mozilla.org/en-US/firefox/addon/10868/">Firefox Sync</a>, your form entries from your desktop computer will automatically be on your mobile as well.<p><a href="http://madhava.com/egotism/archive/005048.html">Read more about form autocomplete</a></td></tr></table></p>

<p><br />
<b>Viewport meta tag</b><table><tr><td valign="top"><a href="http://www.flickr.com/photos/madhava_work/4689118156/" title="Screenshot-20100610-163451.png by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1291/4689118156_25e7926ff4_m.jpg" width="240" height="144" alt="Screenshot-20100610-163451.png" /></a></td><td>&nbsp</td><br />
<td valign="top">Firefox 1.1 for Maemo has improved support for the <code>&lt;meta name="viewport"&gt;</code> tag.  Previous version of Firefox on mobile devices supported the <em>width</em>, <em>height</em>, and <em>initial-scale</em> viewport properties, but had <a href="http://starkravingfinkle.org/blog/2010/01/perils-of-the-viewport-meta-tag/">problems</a> with some sites designed for iPhone and Android browsers. The browser now support the same properties as Safari, and Firefox now renders mobile sites more consistently on screens of different sizes and resolutions.<p><a href="http://limpet.net/mbrubeck/2010/05/11/fennec-meta-viewport.html">Read Matt Brubeck's post about the viewport meta tag</a></td></tr></table></p>

<p><br />
<b>Self-Updating Add-ons</b><table><tr><td valign="top"><a href="http://www.flickr.com/photos/madhava_work/4688961514/" title="updating! by madhava_work, on Flickr"><img src="http://farm5.static.flickr.com/4044/4688961514_d52220c50d_m.jpg" width="240" height="144" alt="updating!" /></a></td><td>&nbsp</td><br />
<td valign="top">Firefox for Maemo 1.1 introduces automatic add-on updating. Once a day, Firefox will check to see if there are updates to any of your installed add-ons, and, if there are, it will install them for you. The browser will notify you of what's going on, but you won't have to restart Firefox until you're ready.  Of course, if you know there's a new version of an add-on and you want it right away, you can still go to the Add-ons Manager and press the "Update" button yourself.<p><a href="http://starkravingfinkle.org/blog/2010/05/updating-add-ons-in-firefox-mobile-1-1/">Read Mark Finkle's post about add-on updating</a></td></tr></table></p>

<p><br />
<b>Crash Reporting</b><table><tr><td valign="top"><a href="http://www.flickr.com/photos/madhava_work/4689075204/" title="skitchGMVoyB by madhava_work, on Flickr"><img src="http://farm2.static.flickr.com/1297/4689075204_10def81767_m.jpg" width="240" height="144" alt="skitchGMVoyB" /></a></td><td>&nbsp</td><br />
<td valign="top">One of the key ways that Firefox gets better is by people sending in crash reports if something goes wrong.  This is made much easier and quicker for you to do now, with a Crash Reporter app that launches if Firefox crashes. If you decide to send a crash report to Mozilla, and we really hope you do, you can see your crash, and other crashes, at the <a href="http://crash-stats.mozilla.com/">Mozilla Crash Reports</a> web site.<p><a href="http://starkravingfinkle.org/blog/2010/05/crash-reporting-comes-to-firefox-mobile/">Read Mark Finkle's post about crash reporting</a></td></tr></table><br />
</p>]]></description>
<dc:subject>mozilla</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2010-07-01T20:34:30-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005049.html">
<title>Fennec 1.1 - Portrait Browsing</title>
<link>http://madhava.com/egotism/archive/005049.html</link>
<description><![CDATA[<p>Firefox 1.1 on Maemo lets you browse with your phone in a portrait orientation as well as landscape.</p>

<p><center><table border="0" padding="5px"><tr><td><a href="http://www.flickr.com/photos/madhava_work/4627301724/" title="Screenshot-20100521-130357.png by madhava_work, on Flickr"><img float="left" src="http://farm4.static.flickr.com/3409/4627301724_d7b3140c94.jpg" width="300" height="500" alt="Screenshot-20100521-130357.png" /></a></td><td><a href="http://www.flickr.com/photos/madhava_work/4626694487/" title="Screenshot-20100521-130551.png by madhava_work, on Flickr"><img float="right" src="http://farm4.static.flickr.com/3332/4626694487_9b0ab99757.jpg" width="300" height="500" alt="Screenshot-20100521-130551.png" /></a></td></tr></table></center></p>

<p><br />
The browser will switch orientations automatically as you reposition the phone, as you would expect.  Some browser screens are the same, only taller; others change their layout slightly to better fit the screen on which they find themselves, such as the tools screens.</p>

<p><br />
<center><table border="0" padding="5px"><tr><td><a href="http://www.flickr.com/photos/madhava_work/4627303160/" title="Screenshot-20100521-130416.png by madhava_work, on Flickr"><img src="http://farm5.static.flickr.com/4070/4627303160_cd85405cae.jpg" width="300" height="500" alt="Screenshot-20100521-130416.png" /></a></td><td><a href="http://www.flickr.com/photos/madhava_work/4627303338/" title="Screenshot-20100521-131059.png by madhava_work, on Flickr"><img float="right" src="http://farm5.static.flickr.com/4014/4627303338_872957f9d2.jpg" width="300" height="500" alt="Screenshot-20100521-131059.png" /></a></td></tr></table></center><br />
</center></p>

<p><br />
If you'd like to lock the screen orientation - say you're lying down but want to read in portrait:</p>

<p><center><a href="http://www.flickr.com/photos/madhava_work/4627477380/" title="on_side_mobile by madhava_work, on Flickr"><img border="0" src="http://farm5.static.flickr.com/4027/4627477380_6eb50932bb.jpg" width="500" height="351" alt="on_side_mobile" /></a></center></p>

<p>you can use the standard Maemo screen orientation lock key-combination to do so: <b>Ctrl-Shift-O</b>.</p>]]></description>
<dc:subject>mozilla</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2010-05-21T14:25:02-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005048.html">
<title>Fennec 1.1 - Form Autocomplete</title>
<link>http://madhava.com/egotism/archive/005048.html</link>
<description><![CDATA[<p>Firefox tries everywhere it can to minimize the amount you have to type; this is especially true on mobile devices, where typing is usually so much harder than on a full-scale keyboard. In Firefox 1.1 on mobile devices like the N900, we've added a finger-friendly version of something you're used to on the desktop: form field autocompletion. Using an algorithm similar to the one that powers the awesome bar, Firefox will suggest entries appropriate for the form field you're based on what you've entered before.  For forms you use a lot &ndash; checking into a flight, entering your address &ndash; a single tap can replace a lot of messing around with a keyboard.</p>

<p><center><a href="http://www.flickr.com/photos/madhava_work/4624776486/" title="Screenshot-20100512-131346.png by madhava_work, on Flickr"><img border="0" src="http://farm5.static.flickr.com/4005/4624776486_4f217cf626.jpg" width="500" height="300" alt="Screenshot-20100512-131346.png" /></a></p>

<p><br />
<a href="http://www.flickr.com/photos/madhava_work/4624173211/" title="Screenshot-20100512-142444.png by madhava_work, on Flickr"><img border="0" src="http://farm5.static.flickr.com/4030/4624173211_9e16eb553e.jpg" width="500" height="300" alt="Screenshot-20100512-142444.png" /></a></center></p>

<p><br />
One twist that makes this even more helpful is that the <a href="https://addons.mozilla.org/en-US/firefox/addon/10868/">Weave Browser Sync add-on</a> will now synchronize form autocomplete data, with the result that Firefox on your mobile can help you complete forms that you've only ever worked with on your desktop computer before.  With sync, you don't need to wear-in Firefox on your mobile - it can provide as much help as Firefox on your desktop system already does.</p>]]></description>
<dc:subject>mozilla</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2010-05-21T12:23:36-05:00</dc:date>
</item>
<item rdf:about="http://madhava.com/egotism/archive/005047.html">
<title>Fennec 1.1 - n900 zoom buttons</title>
<link>http://madhava.com/egotism/archive/005047.html</link>
<description><![CDATA[<p>One of the most requested features after we released Firefox on Maemo (Fennec) 1.0 was for a way to "free-form" zoom.  Fennec already supported what I call a "<a href="https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/workingUI#Zooming">structured zoom</a>" - that is, double-tapping that zooms to fit the part of page structure (a column of text, an image) that you're tapping on.  That method doesn't help you in every circumstance, though, and that's where a free-form or <a href="https://wiki.mozilla.org/Mobile/UI/Designs/TouchScreen/workingUI#Zooming">arbitrary zoom mechanism</a> is useful.</p>

<p>Devices that support multitouch almost all now use the pinch-to-zoom gesture for this, and that's what Fennec will do on such devices as well. The <a href="http://maemo.nokia.com/n900/">Nokia N900</a>, though, is single touch only, so for version 1.1, Fennec makes use of the device's rocker button to allow free-form zooming in and out:</p>

<p><center>in landscape<br><a href="http://www.flickr.com/photos/madhava_work/4604236449/" title="landscape_annotated by madhava_work, on Flickr"><img border="0" src="http://farm2.static.flickr.com/1349/4604236449_36a6639074_o.jpg" width="500" height="375" alt="landscape_annotated" /></a></center></p>

<p><center>and in portrait<br><a href="http://www.flickr.com/photos/madhava_work/4604236477/" title="portrait_annotated by madhava_work, on Flickr"><img border="0" src="http://farm5.static.flickr.com/4060/4604236477_8442baf13b_o.jpg" width="500" height="375" alt="portrait_annotated" /></a></center></p>

<p>Two interesting things!<br />
<ol><li>The zoom rate isn't constant as you zoom in and out.  If it were, the change in zoom level would seem tiny when you're zoomed all the way out, but huge when you're very zoomed in.<br />
<li>The rocker button adjusts itself for whether you're holding the phone in landscape or portrait to maintain natural increase/decrease mappings with up/down and left/right (for <a href="http://en.wikipedia.org/wiki/Left_to_right#Directionality">LTR languages</a>, anyway).  See the photos above for an illustration.</ol></p>

<p>Ideally, you won't notice either of these things in day-to-day use;  it should just feel like it works the way you'd expect.</p>]]></description>
<dc:subject>General</dc:subject>
<dc:creator>madhava</dc:creator>
<dc:date>2010-05-13T16:35:03-05:00</dc:date>
</item>


</rdf:RDF>