Nowadays the playstore / appstore is awash in magazine style RSS readers. With good reason, since they leverage an existing and widely deployed technology (RSS) to promote and present site content in a very attractive way. The proliferation and ubiquity of mobile devices means that everyone has access to a form factor which lends itself quite well to a magazine-like experience, with touch gestures, high-resolutions and interactivity.
In this series of articles, i’ll describe how I built a basic magazine style android app inspired by Flipboard and whose theme is inspired by Windows Metro. A sneak peek into the finished app:
First of all, a list of tools and why I chose them:
- Metro UI CSS: Not being much of a designer, I need lots of help when it comes to attractive design and easy to use CSS. Thankfully Sergey Pimenov has an excellent, Bootstrap-based Metro UI framework. His framework is open-source, fully-featured and very easy to use… what more could you ask for?
- touchSwipe: A jquery based library that hooks into your webpage to easily allow you to detect various touchscreen events like swiping in all directions. It even includes multitouch support!! Extremely handy in mobile web application development
- Jquery and Jquery Mobile: I wouldnt be able to develop as easily, quickly and pain-free if it weren’t for the jQuery framework. One of the most popular around, and with good reason…
Tools I’d like to use in the future:
- Freetile.js: You could use this library to great effect. It basically takes a bunch of different-sized divs, and dynamically re-arranges them around the screen to get a flipboard-like tiled layout…
Stay tuned for more articles containing some tips and tricks I learnt along the way.
UPDATE: Check out the first version of the android app here, or click on the google play badge on the sidebar