This is the first version of the engine which uses an icon interface. The intention is to have a framework which enables a person to choose the page-swipe or icon-driven interface. All content and options are in the html file, layout is basic right now but can be edited in the css file, and the framework handles the organization and display for the device.
This is a working prototype (it can be extended for multiple articles)
Images for the backgrounds are square, 1024 by 1024 pixels. Background images are centered on the screen (for use on ipads) so best content is in the center. Images for front page icons are the backgrounds, but at 100x100 pixels. Images inline are resized to 400 by whatever height is necessary.
The current scrolling is very basic (jScrollTouch) but a more elaborate version is in progress which will include the bounce effect, and ability to push sideways to see the background.
Many moons ago I had built a prototype on Sencha Touch (
http://straathof.acadnet.ca/beta3.6/ latest version
http://straathof.acadnet.ca/beta3.7 )but I found the overhead was too high (The mag engine doesn't need the forms functions built in, the menu heirarchies, etc), the licensing suspicious, and the content developed issues in scrolling (flickering) and rendering on the iphone 4 was awkward (not to mention the documentation at the time which was not easy to understand)
So now I am trying to develop a framework whose goal is to publish content on the web, working compatibly with ipad/iphone/etc devices, without the bells and whistles of the typical mobile frameworks that are coming out.
Does that make any sense? I have a blog if anyone would be interested to see the development process so far...