CODEWITHSUNDEEP
htmlangularjsmobilesingle-page-application
Dave Everitt
Dave Everitt

Reputation: 17876

Lightweight-as-possible UI stack for mobile HTML5 dev with Angular

I'm about to build a fairly simple 'energy use issue tracker' HTML5 mobile app (Android/iOS Webkit only) using Angular. I want to avoid frameworks like HTML5Boilerplate, and use as few js libs as possible, and avoid anything JQuery; neither are we using node.js. The only UI features I really need are screen transitions (preferably CSS3-based with hardware acceleration), and to avoid the 300ms tap delay. I've been considering angular-mobile-nav, but am interested in what others have chosen.

For now, this will be a 'save to home screen' single-page webapp so users can submit an issue (e.g. lights are on, no-one in the building'), take and attach a pic, and view/filter a list of issues already submitted, each of which can be up-voted and Tweeted. There's an existing REST backend the app will PUT/POST to, and we'll be using Server-sent events to update a list on the app.

None of that is too hard (I have the camera working and the backend is up and running), but finding a minimal Angular-friendly solution for a lightweight UI is holding me up.

Upvotes: 3

Views: 3713

Answers (2)

user2601376
user2601376

Reputation:

consider ionic framework, Ionic is a beautiful front-end framework for developing hybrid mobile , it is still in beta version , but there is an active community working on it http://ionicframework.com/

Upvotes: 6

Mohamed Zaghloul
Mohamed Zaghloul

Reputation: 355

I think AngularUI will let you reach your target specially UI Boostrap which contains a set of native AngularJS directives based on Twitter Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is required. The only required dependencies are AngularJS (minimal version 1.0.4 or 1.1.2) and Bootstrap CSS and regarding the size of the library minified version is around 40 KB.

I hope my answer help you and Please feel free to ask me any question? and I will be happy to answer.

Upvotes: 6

Related Questions