Lakercompendium as a WebApp

[erikm30]

I am currently working (or rather playing) with LakerCompendium to create a WebApp in HTML5. Most things work quite nicely, I must say.

In this thread I want to collect all information I found and questions I might have regarding this use case. Ok with you ?

So, then let's start with the first item:

• To ensure that going from Dossier to Dossier doesn't call a new Safari Browser, use this code for a link:
• The navigation bar can be enabled in the "nav.css" file, but I didn't manage (yet) to show the TOC on the iPad.
• Next item will be to enable swiping in HTML5, rather than using the navigation bar.

[ffranke]

Hey Erik! sure!

*Enabling the TOC on the iPad is in my opinion the wrong approach, because it relies a lot on hover-effects and hover-interface-mechanims. Hover states are not available on the iPad and therefore "unnatural" to the user. *Swiping via HTML5 sounds interesting, the guys of Aside Magazine tried it, but the performance is not that good... If you find a way to make it speeeeeedy, please let me know ;)

Cheers, florian

[ghost]

What plugins are you using? I think will be nice to enable double tap on the WebApp for the nav menu.

[ghost]

If nav menu slide downs from top and slide sideaways on the webapp it would be really good.. i think we can acheive it with jquery!!

[justindijkshoorn]

Hey,

I'm working on a similar project as part of my graduation right now. Its fully HTML5 based, page swiping is smooth for now and it will also be possible to create a native version of the publication. I'll put online a demo within 2 weeks so you could see it yourself.

p.s. Florian -> Laker is a really interesting project, thank you for showing it to the world!

[ffranke]

cool. Keep us updated. I'm especially interested in how you fixed the perfomance issues.

[ghost]

Hello there,

got a similar problem with it by using it as a webapp. I found a good way to handle that navigation by using Cubiq's Slide-In-Menu.

Now i have the following problem...

i created a gallery -> in the Portrait mode all pictures are displayed correctly. But when i move my iPad into landscape mode, the pictures are displayed wrong. they are cut off at the bottom and right.

now i wanna know, if its possible to auto-resize images in landscape mode?

the pics size is 1024*1024

i've to use this size, because in portrait mode the pics working perfect.

thanks for your support!

greetings from germany

mad

[ffranke]

Yeah the pictures always resize to the screen widths. So if the screen width is 1024 and the height is 768.... your images get cut, because they are larger in height than the screen.

[ffranke]

So the solution would be to scale the images or the slideshow down in landscape mode. I did not implemented the slideshow in-text (like the media-left, media-right), but I see some people doing it, so it must be possible ;)

[ghost]

Thank you for the fast Response. I'll try it out and give you a Feedback

[ghost]

Hi. I found a Solution for my Problem. I gave the pics in landscape and portrait modus different div classes and made them visible/invisible & resized them. Works very good.

[vener]

@mad2kx: I'm having the same issue with my web app project. Can you please explain your solution a bit more detailed so newbie like me will be able to use it. Thanks mate!

[swissspidy]

Any updates on this? Laker as a Web App would be cool.

[ffranke]

Hey there, sorry no. But I found Sencha's performance quite ok. Maybe page transitions could be realized with the "carousel", didn't try it though.

Anybody?

cheers