Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.

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.

share|improve this question
add comment

2 Answers

up vote 3 down vote accepted

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.

share|improve this answer
 
Thanks - looks like I can just use the AngularUI modules I need, too. Since I know CSS backwards, I'm just wondering if I could avoid Twitter Bootstrap CSS (I like to write my own) but if not, I could probably prune it to get rid of unwanted/unused declarations. –  Dave Everitt Sep 28 '13 at 16:08
1  
Bootstrap's CSS is actually required, but you can take only parts which you need. –  piotr.d Sep 28 '13 at 20:06
add comment

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

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.