Ionic as the CSS framework for the look&feel UI widgetry, esp. in the hybrids

[JohnTigue]

Why ionic?

• Hybrid app front end UI components (ala iOS and Android) for AngularJS
• https://hacks.mozilla.org/2014/10/the-missing-sdk-for-hybrid-app-development/
  • "Rather than inventing yet another MVC, Ionic chose to build on top of AngularJS, which has proven itself to be a leader among popular front-end frameworks in the last few years. Ionic is backed by a large and active community, solid documentation, and its own command-line tool to increase productivity (the CLI isn’t required but is highly recommended). Ionic’s use of AngularJS directives to create the user-interface allows for fast development, but most importantly, it’s highly customizable, through its use of Sass and simple markup. If you’re unfamiliar with AngularJS, Ionic offers a great way to learn it quickly, via numerous examples and templates."
  • "Google’s Polymer project and Mozilla Brick are built on top of the cutting-edge Web Components specification."
  • I.e. just a bit ahead of the times. Polymer is best only on Android 4.4+; ionic is good on Android 4.0+
  • "I do not consider front-end frameworks, such as AngularJS, Ember, and Backbone to be hybrid app development frameworks. While I highly recommend front-end frameworks for large-scale app development, they’re focused on the logic, rather than the user interface."
  • "Frameworks like Twitter Bootstrap and Foundation offer a great user interface and responsive design capabilities. However, CSS frameworks focus on the UI and a responsive design pattern; but a UI alone still requires each developer to recreate the way a native app “works.”"

[JohnTigue]

Here's how to get the ionic icons into leaflet: https://github.com/lvoogdt/Leaflet.awesome-markers

[JohnTigue]

And may be able to mix in some bootstrap: http://forum.ionicframework.com/t/ionic-twitters-bootstrap-css-framework-again/8269/4