About Canada Magazine LIVE on iTunes!

[jbavington]

We just finished developing our first newsstand app for a client. A TON of thanks to the Baker and MagRocket support community. Excellent crews!

About Canada
https://itunes.apple.com/ca/app/about-canada-news-information/id657466291?mt=8

App is geared towards overseas students and business people looking to learn more about Canada culture and environment. Written at a grade 3 level. To be published 6 times a year.

Dev. Highlights:

• Baker Framework (http://bakerframework.com/), with some custom graphics here and there
• Made a custom UI View for the Subscribe popup, to accommodate text for Subscription terms (you'll only see the Subscribe button/popup, though, once we make an issue that isn't free...)
• MagRocket server (http://www.magrocket.com/).
• Designed in InDesign
• Used Ajar's IN5 plugin (http://www.ajarproductions.com/pages/products/in5/) to spit out HTML5.
• Designer then did some CSS magic to change the layout whether the user was on an iPad or iPhone. Quite a feat!
• Was able to make the iPad crash and burn with infinite loops and buggy code throughout development. Thankfully squashed all those bugs!

Thanks again! Please let me know what you think.

Jason

[fturner19]

@jbavington - Looking Awesome!

Just one thing that you might want to update. When double tapping the screen your thumbnail images are not docked to bottom of the magazine. I had this same issue with my magazines.You can fix it by editing the book.json file. Find this coce:

"-baker-index-width": 0, "-baker-index-height": 0,

In your case being that you only have 4 pages in your magazine I would edit the code with these changes..

"-baker-index-width": 850, "-baker-index-height": 200,
Try that out and you would see the difference!

[jbavington]

That's an awesome tweak and we will definitely implement. Thanks for the heads-up!

Cheers.

[fturner19]

Good to hear that...Awesome!

[caseylessard]

Is there an advantage to self-editing the CSS instead of using alternative layouts in InDesign before exporting? I'm going through this process and would like to know the best workflow. I'm using InDesign CC, so perhaps an older version is the reason you're doing it this way?

[fturner19]

@caseylessard - I'm currently using Indesign CS6 and IN5 to create my magazine pages, and when I export with IN5 the index pages are never docked correctly to the bottom of the page so this quick hack gets the job done.

[caseylessard]

So I guess it's only this single situation? Is the solution something you're willing to share with the community?

[folletto]

...and, also, with In5 developers so they have a perfect code from the beginning? ;)

[jbavington]

Hey everyone,

So the most significant issue with this type of workflow was with IN5 and the AJAR plugin. It's hard to tell which software causes the difficulty, but when we exported the layout, it overrides the alternative layouts when exporting to Baker Framework. Numerous support tickets to both IN5 and AJAR didn't really resolve this. So additional responsive layout handling had to be coded manually...