FirefoxOS icons and Ionicframework

    I came around a few difficulties when adding icons to a FirefoxOS app made with Ionicframework, so here is a few hints :

    • first : guidelines, written nicely by Mozillians : https://www.mozilla.org/en-US/styleguide/products/firefox-os/icons/
    • you will have to drop the icons (at least a 60x60 one for the launcher and a 128x128 one) in a www/resources/firefoxos/icon folder
    • forget about using ionic resources icon -i it won't work here. This command crop, resize, do anything needed on graphic assets. I think a nice addition to Ionicframework might be doing the same thing but for FirefoxOS. Anyway you can support my feature request here : https://github.com/driftyco/ionic/issues/3943
    • add several lines like to your web/config.xml (add one line per icon) :

    <platform name="firefoxos">
        <icon src="/resources/firefoxos/icon/icon-16.png" width="16" height="16"/>
    </platform>

    •  use ionic build firefoxos and the build process will produce a nice manifest.webapp file for you in platforms/firefoxos/www/

    Print Email