Mozilla Developing “Junior” Browser for iPad

The Verge’s Chris Welch writes about Mozilla’s latest iOS effort: an iOS browser app called “Junior” aimed at rethinking the tablet’s basic interactions for web browsing with a new interface and touch controls.

So here comes the fun stuff,” said Alex Limi as he began discussing the prototype iPad browser Mozilla has been working on for several months. “We wanted to make something entirely new. We wanted to look into how we could reinvent the browser for a new form factor,” he said. He goes so far as to deem Safari for iPad “a miserable experience” all the while acknowledging that it remains the best option available in terms of tablet-based browsing. iOS is a platform where Mozilla has yet to make an impact, he admits. “There are a lot of reasons we should be on iOS even though we can’t bring our rendering engine there.” Ultimately he says Junior was born out of necessity: as of now, Mozilla has “no vehicle on one of the biggest consumer platforms in the world.

According to Mozilla’s own blog post, Junior (which hasn’t been given a release date) will make browsing more “fun” and “ergonomic”. In spite of the lack of additional details, Mozilla will surely have to use Apple’s WebKit engine to release Junior as a browser app on the App Store, putting it on the same technical level of other third-party browsers like iCab and Maven.

The demo given by the Mozilla design team shows a functioning web browser with full-screen mode, visual tabs and bookmarks, and large touch-based controls sitting at both sides of the screen to access new pages and standard browser controls like Back and Refresh. Looking at this first demo, it appears Junior will be somewhat inspired by apps like Grazing, which has long experiment with “thumb controls” to facilitate the process of interacting with the browser without losing the convenience of holding the iPad comfortably.

With Safari getting an even faster engine and iCloud tabs on iOS 6, it will become harder for developers to gain mass traction with third-party browsers. Safari is integrated with the system (iOS users can’t replace their default browsers in the Settings) and, with iOS 6, it will work with iCloud to synchronize tabs across devices. But the “big players” like Mozilla and Google have a chance to leverage their existing desktop ecosystem to build mobile companion apps that, even if not as capable as their computer counterparts, could implement features like “official” tab and bookmark sync to provide solid experiences to users accustomed to other browsers on their Macs or PCs. Google is rumored to be working on an iOS version of Chrome; Mozilla could, in theory, build Firefox Home (which is currently a separate app) straight into Junior to keep a Firefox user’s session synced and stored in the cloud.

Check out Mozilla’s Junior presentation here.

It’s been about a year since Mozilla shipped Firefox 4 and outlined its intentions to move toward faster and more frequent releases of Firefox. They’ve sure delivered upon that, yesterday releasing Firefox 11 with a handful of notable new features for both consumers and developers.

For users, the big new feature is add-on sync. It effectively allows users the option to keep their add-ons in sync across computers. This is an opt-in feature that is available in the Sync tab of the Preferences window. Meanwhile  developers can utilise a new ‘Page Inspector 3D View’ that literally turns a website into a 3D model that highlights how the particular webpage elements are constructed on top of each other.

While developer tools like “view source” have always been useful to learn about how to develop a page, the 3D View more clearly illustrates how the parts of a website are structured. After selecting “3D” View in Page Inspector, just hover your mouse over the elements to get more information about each piece you select.

Firefox 11 also features a ‘Style Editor’, allowing developers to edit CSS stylesheets and view their changes take effect instantly and live – all “entirely within the browser”. It’s sure to make it easy for developers to iterate quickly and efficiently. Once done developers can save the updated stylesheet to their computer.

Jump the break for a short video that demoes the new Page Inspector 3D view. You can download Firefox 11 here.

[via Firefox Blog]

(more…)

Mozilla Working On Web Push Notifications for Firefox

Ryan Paul at Ars Technica reports about Mozilla’s “web push notification” project, which, in theory, would allow Firefox users to stay on top of websites like Twitter, Facebook, or Gmail using a push notification system similar to iOS:

Mozilla is developing a push notification system for the Firefox Web browser. It will allow users to receive notifications from websites without having to keep those sites open in their browser. The system will also be able to relay push notifications to mobile devices.

It’s important to note that this push notification system is distinct from the existing desktop notification mechanisms that are already defined in pending standards. The desktop notifications that websites like GMail and Seesmic Web display to Chrome users, for example, will only work when the website is left open in a tab. Mozilla’s push notification system moves beyond that limitation.

Jeff Balogh has written more about the project here, describing how notifications could be sent to any “Firefox device” including iPhones running Firefox Home:

Once the notification is in the system, we’ll deliver it to the recipient on all the devices they have Firefox installed, but we’ll try not to show duplicate notifications on different devices.

There’s a lot at stake here. On the one hand, desktop browsers have largely failed at delivering the kind of real-time connections and up-to-the-minute social/news updates you can expect from mobile apps on iOS and Android. Sure, there are extensions and add-ons, but they’re not nearly as integrated and “part” of the system. Push notifications almost seem “meant” for mobile devices. Furthermore, notifications are an area of mobile development both Google and Apple have been focusing on during the past years; on the desktop, apps have to rely on their own notification system or third-party apps, but browsers like Firefox sport no built-in push notification technology whatsoever. As far as “web notifications” go, Boxcar has been up to some interesting stuff including the desktop.

On the other hand, one could argue that we have enough notifications on our mobile devices, and having to see the red badge in our desktop browsers would be a terrible idea. I believe Mozilla’s project is worth of attention nevertheless, especially on the iOS side considering the existing Firefox Home app, and I look forward to seeing a first implementation, which hopefully will be available before Firefox 25 ships.

One of the next versions of Firefox, Firefox 12, may feature a series of new interface elements and functionalities that should both appeal to OS X Lion users and introduce new navigation options for those who dont’ want to save their-most accessed websites in a bookmarks bar anymore. As first noted by ExtremeTech, an early version of a proposed new tab page design snuck into a nightly version of Firefox; per Mozilla’s multiple channel releases, users of Firefox can test different versions of the browser, which range from Nightly to Aurora, Beta, Stable, and those uploaded directly to Mozilla’s FTP servers.

ExtremeTech wrote about the new tab page:

The Firefox home tab is a lot more exciting. Basically there are two phases: The first phase will add “launchers” at the bottom — one-click links to your downloads, settings, apps, and so on (pictured right). Phase two is a complete reworking of the home page paradigm, weaving in favorite apps, recent websites, and even instant messaging (pictured below). Phase one is expected to roll out with Firefox 12, but at the time of writing the code still hasn’t been committed.

However, as also noted in an update to the original post, it appears Mozilla has pulled the functionality from the Nightly release of Firefox, leaving it in the “UX version” available for download on Mozilla’s servers. Upon comparing the standard Nightly build to the UX one, I noticed the latter already contains the grid design for top websites pictured above, and full-screen support for Lion.

I wasn’t able to activate ExtremeTech’s home tab page design with search, Top Apps, Top Sites and Chat in a single window; the current Firefox UX Nightly build features shortcuts along the bottom of the window to open History, Settings, Add-ons, Apps, and Downloads. A new “Restore Previous Session” button is also provided in case you haven’t set Firefox to automatically re-open previously open tabs on launch.

Changes that appear in Firefox Nightly builds typically carry over to the other stages of development and are further tweaked with refinements and bug fixes, but there could be changes in the features that Mozilla decides to implement once version 12 hits the beta channel. As for Lion support, Mozilla failed to deliver any significant optimization since the OS’ release back in July, unlike competitor Chrome which added new scrolling, full-screen support and gesture navigation (among other things) fairly quickly. A designer at Mozilla mocked up some ideas that the company could deliver in a future version of Firefox for Lion, but as of version 12 nightly (Firefox stable is currently at version 9) it seems those ideas haven’t been taken into consideration yet.

Two days after the release of Firefox 8, Mozilla has made available a first public beta of the next major Firefox update, Firefox 9. As expected due to the company’s fast release cycle, Firefox 9 will follow Firefox 8 in a few weeks, with Firefox 10 likely entering initial alpha testing soon.

For the first time since the release of OS X Lion in July, Mozilla says they have included ”a new look that matches the Mac OS X Lion application toolbar and icon styles”. In the release notes, Mozilla refers to these changes as “improved theme integration for Mac OS X Lion”. For comparison, we have grabbed a series of screenshots to show the differences the “new look” brings between Firefox 8 and Firefox 9 beta. It is, however, possible that haven’t spotted all the differences between the two versions yet — MacStories readers are welcome to leave us a comment if they find more visual cues to the “new look” in Firefox 9 for Lion.

Mozilla mocked up some big Lion changes a few months back, and notably Firefox still hasn’t implemented several native Lion functionalities, like natural scrolling and full-screen mode.

Firefox 9 comes with other improvements for developers:

  • Type Inference: Firefox Beta adds Type Inference to make JavaScript significantly faster. To learn more about how rich websites and Web apps with lots of pictures, videos and 3D graphics will load faster in Firefox, check out this blog post.
  • Do Not Track JavaScript Detection: Firefox Beta enables JavaScript to show developers when users choose to opt-out of behavioral tracking with the Do Not Track privacy feature.
  • Chunked XHR Support: Firefox Beta supports chunking for XHR requests so websites can receive data that’s part of a large XHR download in progress. This helps developers make websites and Web apps faster, especially those that download large sets of data or via AJAX.

You can download Firefox 9 beta over at Mozilla’s website.

Nov
8
2011

In late September Mozilla released version 7 of its Firefox browser, and as part of the company’s new fast release cycle we noted a few days after the release that a beta of Firefox 8 had already been seeded to developers. In the article, we noted Mozilla promised Firefox 8 would deliver better tab management, deeper Twitter integration, and new features for web developers.

Uploaded to the company’s FTP servers a few days ago, Firefox 8 has been officially released today, with a blog post from Mozilla outlining the differences from the previous version. As with the Firefox 8 beta, Firefox 8 final comes with an option in the Preferences to load existing tabs (the pages you left open the last time you quit the browser) only when they’re selected. This should improve the browser’s startup times, as it’s no longer forced to reload all tabs upon launch.

Another minor new feature is the addition of a Twitter icon in the app’s search box. Mozilla says “Twitter search is currently available in English, Portuguese, Slovenian and Japanese versions of Firefox”, and the new options basically just loads a new Twitter search page for anything you type in the search field — don’t expect Firefox to smartly recognize @usernames or #hashtags, and open Twitter profiles or hashtag pages instead of plain search.

Alongside better handling of third-party add-ons, security and stability fixes, Firefox 8 introduces a series of improvements for web developers:

Improved performance and memory handling when using <audio> and <video> elements

  • Added CORS support for cross-domain textures in WebGL
  • Added support for HTML5 context menus
  • Added support for insertAdjacentHTML
  • Improved CSS hyphen support for many languages
  • Improved WebSocket support

As far as Lion support goes, whereas Google updated Chrome to take advantage of the OS’ new native scrolling and full-screen mode, Mozilla’s browser still lacks any sort of Lion integration and support for new functionalities.

To read more about Firefox 8′s new features, head over Mozilla’s blog post on the update. Expect a beta of Firefox 9 to become publicly available soon; you can download Firefox 8 from Mozilla’s website here.

As Firefox 7 hit the public channel earlier this week, Mozilla has published a new blog post detailing some of the features of the new Firefox 8, now available in beta. Keeping true to their renewed schedule for Firefox updates, Mozilla aims to release a new version of their browser every six weeks, which has lead to some confusion among users as to whether it’s really necessary to call every update a major release when there are only minor differences to test.

Firefox 8 will deliver some improvements to tab management, allowing users to choose whether tabs should load at start-up, or only when they’re selected. This should allow for faster start-up times when windows with many tabs are restored; from a first test, it indeed appears Firefox 8 will restore the last opened tab, display other tabs’ titles and favicons, but load their contents only when the user clicks on them. Mac users can find this new option under Preferences -> General. Also, a new tab animation should make it easier to re-order tabs.

Another new feature of Firefox 8 is Twitter integration in the search box. By clicking on the search provider’s icon (by default it’s Google), users will have the option to choose Twitter and enter terms to look up on the social network’s Search page.

Firefox 8 also includes:

  • Enhanced control of add-ons: Users will receive a one-time notification to review and confirm third party add-ons they want to keep, disable or delete. When Firefox starts and finds that a third-party program has installed an add-on, Firefox will disable the add-on until the user has explicitly opted in, giving users better control over their Web experience.
  • CORS for WebGL textures: Cross-Origin Resource Sharing (CORS) enables Web developers to load textures from other domains for WebGL in a secure way.
  • WebSockets updates: Firefox now prevents the use of plaintext WebSockets when created from an SSL page, which improves security for users.
  • HTML5 Native Right Click Menu: Web developers can now add items directly to the Firefox right click menu using simple HTML5 markup.
  • HTML5 media elements: Developers can add a lot of video and audio elements to a website without impacting performance

Firefox 8 is expected to be available later this year. The first beta can be download from Mozilla’s website here.

Sep
27
2011

Last month Mozilla officially introduced a new version of its browser, Firefox 6, but we noted that work on Firefox 7 was already underway as part of Mozilla’s new six-weeks fast release cycle. Firefox 7 has been officially released today, adding a number of memory and engine improvements to make the app speedier, and more reliable. Mozilla says they have “drastically improved” memory handling — this is something that Mozilla announced back in August when they claimed that Firefox 7 would use 50% less memory to address memory leaks, crashes, and general instability with lots of different open tabs. On Windows machines, a new rendering backend is said to be increasing performances of Canvas operations, whilst all platforms are getting better password and bookmark sync with Mozilla’s built-in sync tool.

The most visible change in Firefox 7 is the lack of the http:// prefix in the address bar:

The new Firefox also brings some changes for developers:

New tools in Firefox make it easier for developers to build snappy Web experiences for users. A new version of hardware-accelerated Canvas speeds up HTML5 animations and games in Firefox. This allows developers to build more compelling and interactive Web experiences like Angry Birds or Runfield.

Firefox now supports the W3C navigation timing spec API so developers can measure page load time and website navigation against bandwidth speed, website traffic and other factors. This API allows developers to test user experiences remotely and easily and quickly optimize websites and Web apps for different types of users.

From the release notes:

  • Added support for text-overflow: ellipsis
  • Added support for the Web Timing specification
  • Enhanced support for MathML
  • The WebSocket protocol has been updated from version 7 to version 8
  • Added an opt-in system for users to send performance data back to Mozilla to improve future versions of Firefox
  • Fixed several stability issues
  • Fixed several security issues

With version 7, Mozilla has also implemented a new usage statistic functionality called Telemetry that will help the company collect usage information (memory, CPU, startup speed) to improve future versions of Firefox.

Beginning with version 7, Firefox includes functionality that is turned off by default to send to Mozilla non-personal usage, performance, and responsiveness statistics about user interface features, memory, and hardware configuration. The only Potentially Personal Information sent to Mozilla when this functionality has been enabled is IP addresses. Usage statistics are transmitted using SSL (a method of protecting data in transit) and help us improve future versions of Firefox. Once sent to Mozilla, usage statistics are stored in an aggregate form and made available to a broad range of developers, including both Mozilla employees and public contributors. Once this functionality is enabled, users can disable it in Firefox’s Options/Preferences. Simply deselect the “Submit performance data” item.

Telemetry is off by default and needs to be manually enabled. The feature can also be deactivated from the Preferences.

Firefox 7 can be downloaded here. The latest version of the browser still doesn’t come with Lion-specific fixes and features, but mockups posted recently by Mozilla’s Product Visual Designer Stephen Horlander suggested the Firefox team is experimenting with new interface elements and navigation options for Firefox on OS X. (more…)

Aug
16
2011

Firefox 5 was released less than two months ago and work on Firefox 7 is already underway, and to keep up with their “fast release cycle” promise Mozilla has officially released Firefox 6 today, making the browser 20% faster than Firefox 5 and improving the behavior of tab groups in Panorama, the functionality that allows users to get a quick glance at open tabs from an elegant bird’s eye view. With Firefox 6, released nearly five months after Firefox 4, Panorama comes with faster start-up times as tab groups are only loaded when selected; another noticeable improvement — bug fixes and speed optimizations aside — can be seen in the address bar, which now highlights domain names to give you a better idea of the website you’re on.

The new Firefox also brings important changes for developers:

The new “Web Developer” menu in Firefox provides easy access to tools that help developers build and debug websites directly in the browser. Developers will enjoy the new Scratchpad tool, which makes it simple to quickly enter, execute, test and refine JavaScript snippets in Firefox without needing to work in a one-line console. The Web Console is improved with an auto-complete feature and the ability to customize the console’s location to save developers time.

Whilst Mozilla is busy keeping up with three major releases in testing in their Aurora, Beta and Stable channels, recently posted mockups have shown that the company is interested in updating the browser’s interface in the future to fully take advantage of OS X Lion. The current versions of Firefox (in all the three channels available) don’t come with native Lion features such as full-screen or popover menus, though Mozilla’s Product Visual Designer Stephen Horlander suggested the Firefox team is experimenting with (or at least discussing) new interaction methods and graphical elements for Firefox on the Mac.

You can read more about changes in Firefox 6 here, and download the latest update from Mozilla’s website. Check out more screenshots after the break. (more…)