I am trying to develop an interactive web app for mobiles, and I want to give the best experience possible for the largest number of mobiles.
To do so I decided to go with meteor because it takes care of all the heavy lifting around the logic behind the scene, but such a choice come at a price, and on mobiles every kb transferred can get expensive depending on processor, network speed, etc.
So now I am trying to select a very tiny front-end framework to help giving the best experience with smallest loading time possible.
We have now various solution trying to tackle this problematic such as pure.css, min.css, base, materialize, material design lite, but I am having difficulties selecting the best solution:
- I do not always need the full set of funcionalities, so I should be able to build a subset easily
- I want the best looking possible interface at a minimum cost (weight)
- The package should handle well older browsers (mobile world is vast and furious)
- Small interactions should be handled well to give a nice look and feel
- The package should weight ideally at most 14kb to maintain a great experience without loading time on most phones and networks (More or less !!!)
So far I feel that material design lite is the best containder but what do you think ? Is it easy to customize (add social icons, remove unused icons, limit effects to very specific ones) ? Any other frameworks ? Better go without any framework and build interface from the ground ? Not worth the effort ?
