{"id":61898,"date":"2011-08-16T00:00:00","date_gmt":"2011-08-16T00:00:00","guid":{"rendered":"http:\/\/blog.mozilla.org\/foxtail\/2011\/08\/16\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/"},"modified":"2021-02-08T20:32:07","modified_gmt":"2021-02-08T20:32:07","slug":"firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/","title":{"rendered":"Firefox for Android Has a New Look and Tools that Empower Developers to Build Rich Mobile Web Experiences"},"content":{"rendered":"<p>Mozilla, a global, non-profit organization dedicated to making the Web better, today released an update to Firefox for Android. Users will notice a refreshed interface and developers will enjoy new tools that make it easier to build interactive mobile Web apps and websites.<\/p>\n<p>Firefox for Android provides a seamless way for users to take the Firefox experience they know and love everywhere along with a sleek look that allows users to focus on the websites they visit. The interface is streamlined to be consistent with the Android look and feel while fonts and buttons are now optimized for <a href=\"http:\/\/www.mozilla.com\/mobile\/platforms\/\">tablets<\/a>. Additional tablet optimization and support is planned for future releases.<\/p>\n<p>The new welcome page helps users discover browser tools and <a href=\"http:\/\/www.mozilla.com\/mobile\/features\/\">features <\/a>(like Firefox Sync, add-ons, tabbed browsing and bookmarks) that are conveniently stowed away in the side panels. Many users will notice faster zooming, crisp text and reduced pixelation due to enhanced image rendering in Firefox for Android.<\/p>\n<p>\u00a0<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh5.googleusercontent.com\/7yuXEIpwbzOadtg2BidhI-P0YbICzZaYGhxPOMzlUWceEHHJIG33ITc0uajk8B07BVcYv615iF2ZEubxjpVtC46m9OUs-UgabBJ6r5sLwPizGHJ-UuQ\" alt=\"\" width=\"280px;\" height=\"467px;\" \/><br \/>\nFirefox for Android adds support for tools that help developers create rich, compelling mobile Web apps and websites. With the<a href=\"http:\/\/digdug2k.wordpress.com\/2011\/05\/02\/touchevents\/\"> single touch events<\/a> API, developers can build Web experiences that detect touch events and gestures. Imagine mobile Web apps that enable users to swipe their finger to pan around a map and mobile Web games that let you swipe a finger to swing a baseball bat or pull a slingshot to launch an angry bird. Support for multi-touch events will be added in future releases.<\/p>\n<p>The<a href=\"https:\/\/developer.mozilla.org\/en\/indexeddb\"> IndexedDB API<\/a> gives developers local database storage in Firefox to make Web apps, websites and restartless add-ons available offline. This increases performance, reduces data usage and allows users to enjoy a mobile Web experience without an Internet connection.<\/p>\n<p>Visit the<a href=\"http:\/\/www.mozilla.com\/mobile\"> Android Market<\/a> to get the latest Firefox update on your Android device. Users with Firefox for Android already installed will receive a notification to update to the latest version.<\/p>\n<p>For more information:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.mozilla.com\/press\/faq\/fx\/\">FAQ<\/a><\/li>\n<li><a href=\"http:\/\/www.mozilla.com\/mobile\/6.0\/releasenotes\/\">Long, technical release notes<\/a><\/li>\n<li><a href=\"http:\/\/www.mozilla.com\/en-US\/firefox\/new\/\">Firefox for Windows, Mac and Linux<\/a><\/li>\n<li><a href=\"http:\/\/www.mozilla.com\/firefox\/channel\/\">Find out more about the Future of Firefox<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Mozilla, a global, non-profit organization dedicated to making the Web better, today released an update to Firefox for Android. Users will notice a refreshed interface and developers will enjoy new tools that make it easier to build interactive mobile Web apps and websites. Firefox for Android provides a seamless way for users to take the [&hellip;]<\/p>\n","protected":false},"author":144,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"coauthors":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Firefox for Android Has a New Look and Tools that Empower Developers to Build Rich Mobile Web Experiences<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/\",\"url\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/\",\"name\":\"Firefox for Android Has a New Look and Tools that Empower Developers to Build Rich Mobile Web Experiences\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lh5.googleusercontent.com\/7yuXEIpwbzOadtg2BidhI-P0YbICzZaYGhxPOMzlUWceEHHJIG33ITc0uajk8B07BVcYv615iF2ZEubxjpVtC46m9OUs-UgabBJ6r5sLwPizGHJ-UuQ\",\"datePublished\":\"2011-08-16T00:00:00+00:00\",\"dateModified\":\"2021-02-08T20:32:07+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/33edd7d4d73723140487082573041c83\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/#primaryimage\",\"url\":\"https:\/\/lh5.googleusercontent.com\/7yuXEIpwbzOadtg2BidhI-P0YbICzZaYGhxPOMzlUWceEHHJIG33ITc0uajk8B07BVcYv615iF2ZEubxjpVtC46m9OUs-UgabBJ6r5sLwPizGHJ-UuQ\",\"contentUrl\":\"https:\/\/lh5.googleusercontent.com\/7yuXEIpwbzOadtg2BidhI-P0YbICzZaYGhxPOMzlUWceEHHJIG33ITc0uajk8B07BVcYv615iF2ZEubxjpVtC46m9OUs-UgabBJ6r5sLwPizGHJ-UuQ\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Firefox for Android Has a New Look and Tools that Empower Developers to Build Rich Mobile Web Experiences\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/en\/\",\"name\":\"The Mozilla Blog\",\"description\":\"News and Updates about Mozilla\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/33edd7d4d73723140487082573041c83\",\"name\":\"Mozilla\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/f32381c01597770b1131dff44b9d6de1\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f84bd67e8e3ab3bcc9676910aecf5700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f84bd67e8e3ab3bcc9676910aecf5700?s=96&d=mm&r=g\",\"caption\":\"Mozilla\"},\"url\":\"https:\/\/blog.mozilla.org\/en\/author\/mozilla\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Firefox for Android Has a New Look and Tools that Empower Developers to Build Rich Mobile Web Experiences","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/","url":"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/","name":"Firefox for Android Has a New Look and Tools that Empower Developers to Build Rich Mobile Web Experiences","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/#primaryimage"},"image":{"@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/#primaryimage"},"thumbnailUrl":"https:\/\/lh5.googleusercontent.com\/7yuXEIpwbzOadtg2BidhI-P0YbICzZaYGhxPOMzlUWceEHHJIG33ITc0uajk8B07BVcYv615iF2ZEubxjpVtC46m9OUs-UgabBJ6r5sLwPizGHJ-UuQ","datePublished":"2011-08-16T00:00:00+00:00","dateModified":"2021-02-08T20:32:07+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/33edd7d4d73723140487082573041c83"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/#primaryimage","url":"https:\/\/lh5.googleusercontent.com\/7yuXEIpwbzOadtg2BidhI-P0YbICzZaYGhxPOMzlUWceEHHJIG33ITc0uajk8B07BVcYv615iF2ZEubxjpVtC46m9OUs-UgabBJ6r5sLwPizGHJ-UuQ","contentUrl":"https:\/\/lh5.googleusercontent.com\/7yuXEIpwbzOadtg2BidhI-P0YbICzZaYGhxPOMzlUWceEHHJIG33ITc0uajk8B07BVcYv615iF2ZEubxjpVtC46m9OUs-UgabBJ6r5sLwPizGHJ-UuQ"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/firefox-for-android-has-a-new-look-and-tools-that-empower-developers-to-build-rich-mobile-web-experiences\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/en\/"},{"@type":"ListItem","position":2,"name":"Firefox for Android Has a New Look and Tools that Empower Developers to Build Rich Mobile Web Experiences"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/en\/#website","url":"https:\/\/blog.mozilla.org\/en\/","name":"The Mozilla Blog","description":"News and Updates about Mozilla","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/33edd7d4d73723140487082573041c83","name":"Mozilla","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/f32381c01597770b1131dff44b9d6de1","url":"https:\/\/secure.gravatar.com\/avatar\/f84bd67e8e3ab3bcc9676910aecf5700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f84bd67e8e3ab3bcc9676910aecf5700?s=96&d=mm&r=g","caption":"Mozilla"},"url":"https:\/\/blog.mozilla.org\/en\/author\/mozilla\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/61898"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/comments?post=61898"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/61898\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media?parent=61898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/categories?post=61898"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/tags?post=61898"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/coauthors?post=61898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}