[rz] Stacked Layout *** UPD 2017-Jun-14 ***

In this section you can announce self-made paid extensions.
*** THIS SECTION CONTAINS PAID EXTENSIONS ONLY ***
Post Reply
User avatar
[RZ]
 
 
Posts: 2129
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Stacked Layout *** UPD 2017-Jun-14 ***

Post by [RZ] » Sun Mar 26, 2017 2:06 pm

[rz] Stacked Layout v1.2

This lightweight extension converts RWD/fluid schemes (based on relative layers and layout grids) into a 'selective stacked' elements on scroll to give a new visual and modern appeal to your projects.
Sample project included.

- Multiple full width and full size layers supported.
- Multiple layout grids supported.
- Smart z-index automatically handled for 'back', 'front' and 'default' positioning.
- Advanced mixed modes supported; 'offset' (allows multi-stacked heading), 'flow' (normal scrolling) and 'stack' (elements are stacked below the stacked headers).
- Advanced focus handling to avoid overlapping areas and to comply with the navigability standards.
- Lightweight (no jQuery required), backward and cross-browser compatible.

...and more!


HTML 4.01 Transitional
W3C compliant


DEMO


* New in version 1.2

- Auto-link feature detects automatically links/bookmarks to the sections and scrolls smoothly to them.
- Improved transitions handling (some browsers may not support them or just support partially).

* New in version 1.1

- The 'offset' mode for an element can be cleared progressively in subsequent scrollings.
- The 'order' of the elements can be achieved combining both preset and/or custom values.
- Improved 'stacking method' to allow a better navigability.
- Advanced progressive margins handling.
- Min-width for better/aesthethic results (works in conjunction with the progressive margins).
- Optional auto-scroll feature to find the best position and scroll to after a browser resize.
- Optional auto-fade-in while the layer enters to the viewport.
- Optional "page map" with highly customizable dots to scroll quickly to a specific layer ([rz] Elegant Scroll is recommended for additional scrolling effects).
- Added support to work with almost any navigation menu that handles links#anchors (bookmarks).
- Added support to work with [rz] Go To Bookmark.
- Improved fallback in case of older browsers (see notes).


How to use?

1. Design your page including relative layers and layout grids as you usually do.
2. Drag and drop this extension.
3. Open the properties dialog box, enter the names of the layers and layout grids to handle.
4. Optionally, setup the order and mode for each element you want to handle.
5. Preview or publish.

Enjoy!


Notes:
- LayoutGrid elements may not run properly on older browsers and this is not related to the extension itself.
- IE5 fallback to default mode even with relative layers as well.
Last edited by [RZ] on Wed Jun 14, 2017 12:26 pm, edited 2 times in total.

User avatar
crispy68
 
 
Posts: 311
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: [rz] Stacked Layout

Post by crispy68 » Sun Mar 26, 2017 3:13 pm

Hi RZ,

The extension looks great and I am interested in it.

Have 1 question, can the layers/layout grids be of differing heights and the effect still work? In your demo, it appears that the layers are all 100% height and width (full screen).

Thanks.

User avatar
[RZ]
 
 
Posts: 2129
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Stacked Layout

Post by [RZ] » Sun Mar 26, 2017 3:25 pm

hi
yes, the demo is boring! :)
you can handle relative full width layers, full size layers, layout grids...

User avatar
crispy68
 
 
Posts: 311
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: [rz] Stacked Layout

Post by crispy68 » Sun Mar 26, 2017 3:54 pm

Thanks RZ,

No, the demo was great just wanted to make sure you could have layers with multiple heights and the effect would still work.

Good job, thanks!

Note: on your own website, the demo link for this is not working. You have an extra http// in the url. :mrgreen:

User avatar
[RZ]
 
 
Posts: 2129
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Stacked Layout

Post by [RZ] » Sun Mar 26, 2017 4:01 pm

thanks, i will check this out

User avatar
zinc
 
 
Posts: 1509
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

Re: [rz] Stacked Layout

Post by zinc » Mon Mar 27, 2017 10:24 am

Thank you for making this baby from a simple suggestion into reality!!! Awesome!

User avatar
[RZ]
 
 
Posts: 2129
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Stacked Layout

Post by [RZ] » Mon Mar 27, 2017 10:39 am

thank you for your feedback!

User avatar
[RZ]
 
 
Posts: 2129
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Stacked Layout *** UPD 2017-Apr-09 ***

Post by [RZ] » Sun Apr 09, 2017 6:16 pm

* New in version 1.1

- The 'offset' mode for an element can be cleared progressively in subsequent scrollings.
- The 'order' of the elements can be achieved combining both preset and/or custom values.
- Improved 'stacking method' to allow a better navigability.
- Advanced progressive margins handling.
- Min-width for better/aesthethic results (works in conjunction with the progressive margins).
- Optional auto-scroll feature to find the best position and scroll to after a browser resize.
- Optional auto-fade-in while the layer enters to the viewport.
- Optional "page map" with highly customizable dots to scroll quickly to a specific layer ([rz] Elegant Scroll is recommended for additional scrolling effects).
- Added support to work with almost any navigation menu that handles links#anchors (bookmarks).
- Added support to work with [rz] Go To Bookmark.
- Improved fallback in case of older browsers (see notes).

User avatar
[RZ]
 
 
Posts: 2129
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Stacked Layout *** UPD 2017-Jun-14 ***

Post by [RZ] » Wed Jun 14, 2017 12:27 pm

* New in version 1.2

- Auto-link feature detects automatically links/bookmarks to the sections and scrolls smoothly to them.
- Improved transitions handling (some browsers may not support them or just support partially).

redbadnap
 
 
Posts: 27
Joined: Sat Dec 22, 2007 10:55 am

[rz] stacked layout question

Post by redbadnap » Fri Jan 26, 2018 10:28 am

Can I use the extension "[rz] stacked layout" with a menu like "css menu" instead internal dots?
I tried different menus of WB12, they go forward but do not come back ...
I used the attached .wbs as proof...
Thanks

User avatar
BaconFries
 
 
Posts: 4120
Joined: Thu Aug 16, 2007 7:32 pm

Re: [rz] stacked layout question

Post by BaconFries » Fri Jan 26, 2018 10:51 am

For all questions relating to all of [rz] extensions please contact him directly through his personal site using the form provided.
http://www.magnawebstudio.com/en-main.html

redbadnap
 
 
Posts: 27
Joined: Sat Dec 22, 2007 10:55 am

Re: [rz] stacked layout question

Post by redbadnap » Fri Jan 26, 2018 11:03 am

Ok, I thought the answer could be interesting for other users... :oops:

User avatar
crispy68
 
 
Posts: 311
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: [rz] stacked layout question

Post by crispy68 » Fri Jan 26, 2018 12:23 pm

I agree with redbadnap

User avatar
[RZ]
 
 
Posts: 2129
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] stacked layout question

Post by [RZ] » Fri Jan 26, 2018 12:43 pm

yes!
(this also has already been answered privately)
@bf: perhaps the question and the answer can be moved to the proper topic? viewtopic.php?f=53&t=76173

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest