Unlimitab is Weavium's latest stack and as the name would suggest, the stack allows you to add unlimited tabs to an area of your page, thus keeping your page compact whilst allowing whole catalogues of information to be included. Seriously – the whole house, including the kitchen sink! I gave up after adding 20 tabs and I'm quite certain that you won't need more…
… especially when you consider loading times. Your tabbed content is all contained within the HTML which, from an SEO point of view is good, but if you've included images within each tab? I suppose that's your client's decision.
So you've dropped an Unlimitab stack onto your page, added a number of child stacks and filled them with content. When you take a look at the preview, you'll find a navigation bar above your content where you can either click the tab labels or the navigation arrows left and right. Unless you've altered the default settings, you'll also find a dropdown menu which is especially useful for larger amounts of content.
By default the navbar is black. The colour is set globally in the in the main stack settings, however, it's possible to override each of the default settings in the child stack settings so that each child tab-stack can be individually coloured.
The tabs can have a set max width and the height will adjust individually depending on the amount of content. This is pretty much the default behaviour of all tab stacks, but it would sometimes be nice to be able to set a default height and have overflowing content scrollable. IMO
Unlimitab is a neat stack and the ideal solution when you have so much content that you're at a loss as to what to do with it. If you're in a similar predicament, Unlimitab is 25% off for a limited time. Grab it now!
WebP is a method of lossy and lossless compression that can be used on a large variety of photographic, translucent and graphical images found on the web. The degree of lossy compression is adjustable so a user can choose the trade-off between file size and image quality. WebP typically achieves an average of 30% more compression than JPEG and JPEG 2000, without loss of image quality.
Will Woodgate/Stacks4Stacks has just released the WebPStack that makes it easy to add WebP images as resources or warehoused images in Stacks. Within the stack settings, you can provide an image ALT attribute, an optional tooltip title and an optional link. Then for older web browsers that do not currently support WebP, you can specify a traditional JPG, PNG or GIF image to use instead.
It's a well-known fact that images speak louder than words, so here's a comparison:
Test One: The image on the left is a compressed .jpg (ImageOptim) it weighs 385 kB. I took this compressed image and ran it through the WebPonise app which reduced it by a further 87.5% (default app settings) resulting in an image weighing 48 kB. After examining the image closely, I'm unable to detect any artefacts or a loss in quality.
Test Two: This 'jpg was dowloaded from Pixabay. After running it through ImageOptim it was reduced by 5.9% and weighed 193 kB (left). The WebPonise app (default app settings) reduced the same downloaded image by 41.5%. Result: 120 kB. Once again, I'm unable to discern any artefacts (although there's plenty of scope for them in the sky) and no difference in the image quality.
Did you notice the 'for older web browsers that do not currently support WebP' part? It's a fact that not all web browsers support WebP images. Safari, sadly, is one of those browsers and there's as yet no way to preview a WebP image on the Mac. Will's WebPStack ensures that your warehoused .jpeg is displayed on older browsers and will load the much lighter image for browsers that already support the WebP format.
And I know you're going to ask, so here's a list of the browsers that currently support the WebP format:WebP lossy support
If you're an ad-blocker, you're bound to have seen messages informing you that a page can't be displayed because you have an ad-blocker active; you may even have been whisked away to a completely different page, or you may have seen a polite request to deactivate your ad-blocker.
Jeroen's AdblockDetector stack allows Weavers who rely on ads to display a LightboxMe lightbox with any content they please when an active adblocker is detected; it can display a floating text message; it can display the content of a child stack at the top of your page or it can whisk your visitor away to a different page entirely. The latter solution might sound a little harsh, but if you're offering free content and rely on ads to finance that content, you can usher your adblocked visitor to a page with paid content.
I personally don't have the LightboxMe stack from Marathia's Stacks, so I was unable to test this solution.
The redirect solution works as expected when an URL is entered and redirects almost instantaneously to your page with the paid content. The child stack displaces your page content to display whatever content you've added to it.
AdblockDetector is not your run-of-the-mill 'pimp-my-page' stack that adds bells here and whistles there, it is an extremely useful stack for those Weavers that actually display advertisements to finance their publications. As such, I would classify it as a 'specialised' stack and recommend that you grab it as quickly as possible — before the price goes up!
Marathia's SmartList2 is the most versatile list stack currently available for RapidWeaver and it's difficult to imagine how it could be improved!
Let's begin with the obvious: Ordered Lists. I gave up trying to count how many language options there are for ordered lists. Apart from the standard Arabic (with or without leading 0) and Roman numerals (upper and lower case), there are literally dozens of optional languages available, from Armenian, through Telugu to traditional Chinese; it should be noted, however, that not all browsers are created equal when it comes to language display (you may be able to guess which browsers have the biggest problems).
Unordered lists arrive with the standard bullet options, including dashes; go on to include special characters such as ¶, ß, or §, etc. but don't stop there. Special characters also include Font Awesome characters (4.7) and local, or warehoused images of your choice.
SmartList2 shows up on your RW page as a stack with child stack. The main stack gives you extensive options for the global formatting of your lists, whilst each List Item can be set to override the standard format as can be observed above. If you realise that your list needs reordering, you can simply move the child stacks around.
If you need to create lists for your website, there's nothing to beat SmartList2. You'll need a simple workaround for multiple level lists, otherwise it's perfect for the job.
SmartList2 does not replace version 1, it's an addition that can be used alongside the previous version. However, if you own the original SmartList Stacks set, you can save 50% when upgrading to this new version. Look for the discount code in the info panes of any of the SmartListWrapper Stack and apply that code at the checkout.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
Don’t miss a post!
Sign up for our monthly newsletter.
A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
We do not harvest or sell personal information.
© rjh web design 2010—16