The Booklit RapidWeaver Stack is an animated page display tool that presents content similar to that of a book, magazine, menu or brochure. Perfect for presenting data in a way that uses less page real estate while also engaging users in a way that keeps their interest. You can drag other stacks into the pages allowing you to use the versatility of the stacks market.
30% Discount Code: 30_booklit_042014
Offer Expires Friday 18, 2014
This latest update to cleanAccordion includes a brand new theme with 2 styling options types (so kinda like 2 new themes). The new preview page demo’s this (see right hand side).
20% Off Discount Code: 20_cleanAccordion_042014
Offer Expires April 11, 2014
Typewriter Pro is a text marquee animation stack for text. You can target the text inside the stack or the text anywhere outside the stack according to their id, class, or containing elements id or class.
30% Off Discount Code: 30_typewriter_032014
Offer Expires March 28, 2014
Canari 2.0 is a big update to one of our best selling themes of all time.
Here is a list of the changes:
This update is FREE for existing customers of Canari.
20% Off discount coupon for new customers: 20_canari_032014
1. If you purchased during the MacUpdate Bundle please use our Contact Form and send us your invoice #, First and Last Name, and E-mail address.
2. All other purchases, please us our Purchase Order Lookup form.
Sticky Navs is a beautiful, easy to customize, RapidWeaver stack that allows you to place fixed position navigation menus. Using Font Awesome for icons to visually engage users and subtle animation effects for a smooth and enjoyable experience.
Great for adding additional navigation options, organizing links (2 tier navigation), and conversions (i.e. Social media or purchase options).
30% Off Discount Code: 30_sticky_navs_032014
Offer Expires March 14, 2014
Seaworthy blends a beautiful responsive design with a flat minimal layout. Easy to use navbar perfect for tablets & smartphones. Packaged with Font Awesome built in along with a free copy of our Extra Content stack for building extra layers of content on your pages.
30% Off Discount Code: 30_Seaworthy_022014
Offer Expires February 28
Stacks 2.5 offers some very cool new features that every Stacks user should know about.
Note that you should make sure you’re running version 2.5.2 if you’re having any problems running Stacks (there were some brief bugs with certain Mac OS versions, but nothing that was not quickly patched).
After installing 2.5+ you’ll notice some new tool icons in the top right above the customization options.
The icon on the furthest lest (eye) minimizes stacks sections in the main editing section. This makes working on Stacks pages much easier when there are several stacks on a single page and when stacks take up a lot of vertical real estate.
Depending on which display icon you have selected will depend on how much smaller the stack is made. In the screenshot above I have the largest display setting selected, which will show the minimized stack as dotted lines with the name of the stack centered. Selecting the middle icon will display the icon as dotted lines without the name and the icon on the furthest left will hide the stack entirely from view (not even clickable), which can really save visual space, but the only way to edit the stack again will be to select a larger viewing option again.
The lock icon simply locks all your customization settings. This option might be more useful if more than one individual was working on a page.
Perhaps my favorite new feature and one that is very useful for RW users who have multiple projects is the User Stack generator.
When clicked on a pop up box appears. Create a title and subtitle, which will display as text on the stack icon. Also be sure to add a group – this could either be a grouping for all your custom stacks, by project, by your own personal categories, etc. The grouping is the expandable section that will appear in the drop down that contains all your stacks.
Here is an example of a stack I created. The title is ‘My Stack’, the subtitle is ‘Just for testing’, and the grouping is ‘My Category.’
Very cool new features so I hope you can find out about them quick and begin using them 🙂
The new update adds a new minimalist theme, improved responsive appearance for previous themes, and more customization options. For more details check out the new preview page.
This update is Free for all existing customers
20% Off Discount Code: 20_cleanTabs_022014
Offer Expires Friday 21, 2014
Add fully responsive carousels with touch/swipe capability. Simply swipe the carousel with your mouse or finger (if using a touch device). Images adjust to the screen size for users to display images or other stacks.
30% Discount Code: 30_touchCarousel_022014
Offer Expires February 14, 2014
Take control of the Font Awesome Icons with easy to use customization controls and a built-in flat shadow effect.
30% Off Discount Code: 30_fontAwesomePro_012013
Offer Expires February 7, 2014
Go full screen with the XL Stack for Rapidweaver!
The XL Stack for Rapidweaver lets you display your site in the full width and height of the screen like a native application or video. Add a completely customizable button in the bottom right hand corner of the screen which switches between full-screen and small-screen.
30% Discount Code: 30_xl_stack_012013
Offer Expires January 24, 2014
Have you ever had multiple columns and you wanted them all to size themselves to the height of whichever one ended up being tallest? That’s what this snippet does. You’ll need to inspect your pages code to find the classes of the column sections. After that scroll down to line 35 in the code below, then replace ‘.sectionOne’, ‘.sectionTwo’, and ‘.sectionThree’ with the classes of your columns… if you have more than three just keep following the pattern to add more.
Thanks to the Filament Group for this one.
Make sure to paste the follow snippet in your Page Info > Header > JavaScript section (in RapidWeaver).
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
/*--------------------------------------------------------------------
* JQuery Plugin: "EqualHeights" & "EqualWidths"
* by: Scott Jehl, Todd Parker, Maggie Costello Wachs (http://www.filamentgroup.com)
*
* Copyright (c) 2007 Filament Group
* Licensed under GPL (http://www.opensource.org/licenses/gpl-license.php)
*
* Description: Compares the heights or widths of the top-level children of a provided element
and sets their min-height to the tallest height (or width to widest width). Sets in em units
by default if pxToEm() method is available.
* Dependencies: jQuery library, pxToEm method (article: http://www.filamentgroup.com/lab/retaining_scalable_interfaces_with_pixel_to_em_conversion/)
* Usage Example: $(element).equalHeights();
Optional: to set min-height in px, pass a true argument: $(element).equalHeights(true);
* Version: 2.0, 07.24.2008
* Changelog:
* 08.02.2007 initial Version 1.0
* 07.24.2008 v 2.0 - added support for widths
--------------------------------------------------------------------*/
$.fn.equalHeights = function(px) {
$(this).each(function(){
var currentTallest = 0;
$(this).children().each(function(i){
if ($(this).height() > currentTallest) { currentTallest = $(this).height(); }
});
if (!px && Number.prototype.pxToEm) currentTallest = currentTallest.pxToEm(); //use ems unless px is specified
// for ie6, set height since min-height isn't supported
if ($.browser.msie && $.browser.version == 6.0) { $(this).children().css({'height': currentTallest}); }
$(this).children().css({'min-height': currentTallest});
});
return this;
};
$(document).ready(function() {
var highestCol = Math.max($('.sectionOne').height(),$('.sectionTwo').height(),$('.sectionThree').height());
$('.fullHeight').height(highestCol);
});
|
$.fn.equalHeights = function(px) {
$(this).each(function(){
var currentTallest = 0;
$(this).children().each(function(i){
if ($(this).height() > currentTallest) { currentTallest = $(this).height(); }
});
if (!px && Number.prototype.pxToEm) currentTallest = currentTallest.pxToEm(); //use ems unless px is specified
// for ie6, set height since min-height isn't supported
if ($.browser.msie && $.browser.version == 6.0) { $(this).children().css({'height': currentTallest}); }
$(this).children().css({'min-height': currentTallest});
});
return this;
};
$(document).ready(function() {
var highestCol = Math.max($('.sectionOne').height(),$('.sectionTwo').height(),$('.sectionThree').height());
$('.fullHeight').height(highestCol);
});
In this example you would need to provide each of the containers also with the class of fullHeight (line 36).
Internet Explorer 8 (and earlier) does not recognize some very powerful pseudo commands, such as ‘first-of-type’, ‘last-of-type’, ‘only-of-type’, ‘nth-of-type’, and ‘nth-last-of-type’ which the follow jQuery snippet fixes. IE8 does support ‘nth-child(last)’ and ‘nth-child(first)’ and other nth-child commands – also ‘last-child’ and ‘first-child.’ However, those are all dependent on the element recognizing children to parent relationships (i.e. ordered and unordered lists) and will not recognize elements simply by them being inside one of another (i.e. a div tag containing a series of other div tags… that’s when you use ‘type’ instead of ‘child.’
If you are creating an addon or have one that uses one of those commands then simply paste the following code to the Page Info > Header > JavaScript of the page (in RapidWeaver).
All credit to Keith Clark on this one – great simple fix.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
/*
* jQuery Extra Selectors - (c) Keith Clark freely distributable under the terms of the MIT license.
* twitter.com/keithclarkcouk
* www.keithclark.co.uk
*/
(function($) {
function getNthIndex(cur, dir) {
var t = cur, idx = 0;
while (cur = cur[dir] ) {
if (t.tagName == cur.tagName) {
idx++;
}
}
return idx;
}
function isNthOf(elm, pattern, dir) {
var position = getNthIndex(elm, dir), loop;
if (pattern == "odd" || pattern == "even") {
loop = 2;
position -= !(pattern == "odd");
} else {
var nth = pattern.indexOf("n");
if (nth > -1) {
loop = parseInt(pattern, 10) || parseInt(pattern.substring(0, nth) + "1", 10);
position -= (parseInt(pattern.substring(nth + 1), 10) || 0) - 1;
} else {
loop = position + 1;
position -= parseInt(pattern, 10) - 1;
}
}
return (loop<0 ? position<=0 : position >= 0) && position % loop == 0
}
var pseudos = {
"first-of-type": function(elm) {
return getNthIndex(elm, "previousSibling") == 0;
},
"last-of-type": function(elm) {
return getNthIndex(elm, "nextSibling") == 0;
},
"only-of-type": function(elm) {
return pseudos["first-of-type"](elm) && pseudos["last-of-type"](elm);
},
"nth-of-type": function(elm, i, match) {
return isNthOf(elm, match[3], "previousSibling");
},
"nth-last-of-type": function(elm, i, match) {
return isNthOf(elm, match[3], "nextSibling");
}
}
$.extend($.expr[':'], pseudos);
}(jQuery));
|
(function($) {
function getNthIndex(cur, dir) {
var t = cur, idx = 0;
while (cur = cur[dir] ) {
if (t.tagName == cur.tagName) {
idx++;
}
}
return idx;
}
function isNthOf(elm, pattern, dir) {
var position = getNthIndex(elm, dir), loop;
if (pattern == "odd" || pattern == "even") {
loop = 2;
position -= !(pattern == "odd");
} else {
var nth = pattern.indexOf("n");
if (nth > -1) {
loop = parseInt(pattern, 10) || parseInt(pattern.substring(0, nth) + "1", 10);
position -= (parseInt(pattern.substring(nth + 1), 10) || 0) - 1;
} else {
loop = position + 1;
position -= parseInt(pattern, 10) - 1;
}
}
return (loop<0 ? position<=0 : position >= 0) && position % loop == 0
}
var pseudos = {
"first-of-type": function(elm) {
return getNthIndex(elm, "previousSibling") == 0;
},
"last-of-type": function(elm) {
return getNthIndex(elm, "nextSibling") == 0;
},
"only-of-type": function(elm) {
return pseudos["first-of-type"](elm) && pseudos["last-of-type"](elm);
},
"nth-of-type": function(elm, i, match) {
return isNthOf(elm, match[3], "previousSibling");
},
"nth-last-of-type": function(elm, i, match) {
return isNthOf(elm, match[3], "nextSibling");
}
}
$.extend($.expr[':'], pseudos);
}(jQuery));
2.0 is a huge update that adds tons of improvements including a 600% speed performance, text captions section, video support, also you can place other stacks inside, new buttons & options, and tons more new controls.
This update is FREE for all existing Juice Box users, though the new version has two stacks now, so please download using our Purchase Order Lookup page.
20% Discount Code: 20_juiceBox_012014
Offer Expires January 17, 2014
All Updates:
Charis is a beautiful flat modern theme designed with a stunning menu section, powerful slider, and a simplified setup process. Subtle animation effects and visuals add a wonderful user experience – all fully responsive and designed to for all devices and screen sizes.
30% Off Discount Code: 30_charisTheme_122013
Offer Expires December 27, 2013
Augment Pic has undergone a huge upgrade making it a far handier tool to have when displaying engaging pictures on any page. New effects and image filters make this stack a photo or graphics display tool must.
20% Off Discount Code: 20_augmentPic_122013
Offer Expires December 27, 2013
Awesome maps is a new Google Maps RapidWeaver Stack designed specifically for businesses and storefronts with multiple locations. Compatible and easy to customize.
30% Discount Code: 30_awesomeM_122013
Offer Expires December 20, 2013
Font Awesome is a free stack that allows you to use Font Awesome icons on any Stacks page.
Many of our own stacks use Font Awesome, though when multiple instances of the stacks are called on a page they were calling Font Awesome over and over again as well. To avoid this so sites would run quicker we now provide this free stack 🙂
1. Drag Font Awesome onto the page anywhere (it won’t display in preview or when the site is published). This allows you to start using Font Awesome.
2. Drag the Font Awesome snippet into any text/html section. Then change the class to any Font Awesome icon you wish to use – see full list here.
Version 1.0.0 uses Font Awesome version 4.0.3.
Parallax Flight is a new release & a replacement for Parallax Stacks that features a ton of great requests our customers made.
30% Off code for new customers: 30_paraFlight_112013
30% Off code for standalone: 30_paraFSL_112013
Offer expires November 22, 2013
