Friends, I have done wonderful things with LC10 web deployment!

I’m excited to share with you the fruits of this week's extensive research and 
testing!

TL;DR:
Try this: https://wheninspace.com/portal/ <https://wheninspace.com/portal/>

Long version:

I wanted to do two things:

1) Like we often do with desktop standalones: Create a minimal launcher/splash 
stack as standalone, which only does one thing - open an external stack that 
does everything else. This way I can then update individual stacks, without 
having to build a new standalone each time.

2) Get the resizing of the browser window to trigger the resize of the stacks 
and all the responsive design therein, and make it look good on both desktop 
and mobile. (Refining the example from the mothership, ”Meeting space”.)

I have accomplished both!
You can see and test the result here:
https://wheninspace.com/portal/ <https://wheninspace.com/portal/>

Please try it both in desktop browsers (resizing the browser to various sizes) 
and mobile browsers (both portrait and landscape orientation).

The standalone consists of a minimal launch stack that just acts as event 
listening agent (even after closing itself) and opens the Portal stack which is 
an external LC stack. The Portal stack then has buttons for opening additional 
external LC stacks. 

When the launcher stack receives a resize signal from the browser (from the 
JavaScript in the html file), it dispatches ”resizeEvent” with the width/height 
values to the topStack, which can subsequently rearrange its stack rect and 
content accordingly.

As a bonus, I also demonstrate the possibility to show several stacks in the 
same browser window!

I find the LC web deployment option a true game-changer! A new world is 
opening! Let’s build it! :)

/Andreas
_______________________________________________
use-livecode mailing list
use-livecode@lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription 
preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode

Reply via email to