Rapidweaver Stacks 3 Serial
Evagret Homestead
Another newer way to allow the extra options that a 3rd party developer wants to add is how the Source Framework does with its buttons. This way uses the entire link output, including all the custom attributes from the Rapidweaver link dialog box, and then adds or replaces these options with the ones specified in the stacks custom controls. (This option can found on this page of Stacks API Documentation examples 3 through 5).
Now Stacks has its own top menu in the RapidWeaver menu bar. This gives you instant access to all of the most powerful features in Stacks. And it's a one-click quick reference for all of the new keyboard shortcuts.
The Page Stats window shows how many stacks you're using on each page. Each stack on the page is listed, grouped, and sorted by how much it's used. And a single click on any item will find and display the stack in your layout.
New Sidebar Interface: Both the Stacks Library and the Info Pane can be used as Windows, Popovers, or Sidebars. Plus hide/show them quickly with simple keyboard shortcuts. Now Stacks works great on all screen sizes!
New Responsive Content: The built in column stacks are now responsive and support stacked layout options, per-platform hiding. All images now support responsive resizing and automatically export retina resolutions when the source image is large enough.
Started back in 2011, Stacsk4Stacks is a small company out of the UK, quietly designing and developing quality RapidWeaver stack elements for the popular Stacks plugin. These stacks add extra style or functionality to your websites; with the ultimate aim of saving you time and money. Backed by fast and friendly expert support direct from the developer. The stacks offered here are mostly designed for use with ThemeFlood themes, but can sometimes be used with other themes or frameworks too.
A number of free and paid stacks are provided. The current inventory of stacks is listed below. Please use the search or click the buttons to get more information about each stack, including live examples, detailed documentation and trial versions.
Im currently using Rapidweaver (Source, Foundry3 and Foundation 6) and the SEO part of the sites I made has been very successful and in my opinion one of the most important parts of the website in general.
However. It is becoming more and more difficult since every stacks developer has its own interface and their own way of handling things. I am necessarily not making a complete switch but intend to use both apps.
The Foundation stacks are Stacks addons for RapidWeaver. Think of stacks as LEGO for web designers. You have access to over 120+ drag and drop widgets to build your websites. The best part is that the code generated will be indistinguishable from a hand coded website.
Using Foundation stacks is more than just software. At Weaver's Space, we have an amazing community of users that is one of the most helpful and friendly places to hangout online. We have weekly online events as well as a yearly conference. These events allow to teach, learn and have fun with your fellow web designers.
There is a wonderful ecosystem built around the Foundation stacks. Some designers have release some pre-made/done for you website templates that will blow your mind. All you need to do is insert your content. There are a ton of amazing addons from Weaver's Space and other developers that can be used in combination with Foundation stacks.
I have successfully embedded Hype scenes into RapidWeaver stacks in the past without much issue. However, those scenes did not have scene scaling turned on (i.e. the 2 scale checkboxes found in the Scene inspector are not checked) and were therefore fixed in size.
Now, I would like to activate those 2 Scale checkboxes so that when the HTML stack containing the Hype scene resizes itself, the scene will fill up the space and size right along with it. Unfortunately, after checking those boxes, the scene no longer draws itself at all in the RapidWeaver generated page. What I think it happening is that the scene doesn't know what the size of its container is and thus ends up with a 0 height canvas to draw on.
I've tried placing the HTML stack into a Joe Workman Static Height stack, as well as other Foundry container-type stacks, without any success. The HTML stack always renders as flat as proven by its border, if I were to turn that on.
Note that if I were to embed my Hype scene into a plain RapidWeaver HTML page (not a Stacks page) or if I were to embed the scene in the Head and Body of the HTML Code inspector in RW, the scene draws fine complete with scaling functionality as I resize the browser window. It is only when placing the scene into an HTML Stack that the scene doesn't draw.
Hi Nelson, when your animation is finished ensure everything is grouped in to one Group Folder in Hype and scaling for the Group Folder is 100% and horizontal/vertical is activated in the pinning box and Zoom Contents in the pull down menu set with Shrink to Fit ticked.
Now open the orginal HTML file in a browser to preview the Hype animation, view source and copy only the line for the Div start and finish for the resource assets, the second line you will have copied for the script is not needed, you will link to this instead in Embed next.
Now the fiddly bit, you will need to adjust the VH (vertical height) value in Embed to make it fit your stack how you want it. You may find it goes a bit squiffy on scale with VH, you have two options here:
Don't use Hype layouts for responsive, they are a bit brutal in a RW page and just switching size, instead create two duplicate animations one with a size for tablet/desktop and one for mobile and just have the Embed stack in twice with one showing for small and the other for tablet/desktop, not sure how this is done in Foundry, in Foundation it is simply two columns with display for each of these.
The other option is to use Joe Workmans Jack stack where you can fix the ratio regardless of size such as 16x9, 4x3 etc, to get the ratio you want and maintain it when scaling just put the pixel dimensions of your animation in as the V/H ratio. You may find that Stack 4 Stacks free Useful Stack might do this also, not sure but I think it might.
Thank you @Tophat and @h_classen. Both suggestions work flawlessly so far in my tests! It's too bad that I can't mark both of your responses as solutions, so I've decided to mark Tophat's response as the solution for me.
As awesome as h_classen's magic script is, I was hoping to find a RapidWeaver stack that innately solves the problem, and that's exactly what Will Woodgate's Embed stack does. It has built-in support for Hype animations and everything can be configured using RW's drag and drop design paradigm. However, I will definitely add both of these solutions to my toolbox.
7fc3f7cf58