web counter
RapidWeaver Stacks, PlugIns, Themes ...
My Image

All the latest RapidWeaver Stacks reviewed,
plus the most important community news …

Stay up to date with current RapidWeaver developments

Unlimited Tabs in RapidWeaver

Have you ever been in the situation where your client wishes to include reams and reams of information on a single web page? The problem isn't adding the information, the problem is adding the information whilst keeping the page compact and accessible.

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 - Weavium

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!

Comments

WebP Images in RapidWeaver

In 2012 an average webpage was over 1200 kB in size and 60% of that was in images. It's unlikely that RapidWeaver pages have become any smaller in the meantime. With all the focus on performance and speed across the web performance industry, you would think that innovating on better image formats would be a top agenda item. WebP was developed in 2010, but the .png saga (not to mention SVG) will remind us that 'new' image formats aren't readily accepted by the browser developers. It has taken until now for developers to begin to come to terms with WebP.

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:

WebPStack – Will Woodgate
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.

WebPStack – Will Woodgate
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
  • Google Chrome (desktop) 17+
  • Google Chrome for Android version 25+
  • Microsoft Edge 18+
  • Firefox 65+
  • Opera 11.10+
  • Native web browser, Android 4.0+ (ICS)
WebP lossy, lossless & alpha support
  • Google Chrome (desktop) 23+
  • Google Chrome for Android version 25+
  • Microsoft Edge 18+
  • Firefox 65+
  • Opera 12.10+
  • Native web browser, Android 4.2+ (JB-MR1)
  • Pale Moon 26+
WebP Animation support
  • Google Chrome (desktop and Android) 32+
  • Microsoft Edge 18+
  • Firefox 65+
  • Opera 19+

Resources:
The WebPonise app can be dowloaded here.
The WebP Wiki page is here.
The WebPStack from Stacks4Stacks

Comments

AdblockDetector for RapidWeaver

Advertisements on some websites are extremely annoying, they can envelope occasional pages like a swarm of locusts. No wonder then that regular web users install ad-blockers. This is, of course, can be aggravating if you rely on advertisements as a source of income.

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. This left me slightly disappointed that the 'Redirect' function wouldn't accept a javascript to allow me to activate one of my many other lightbox stacks. I'm hoping that this is simply an oversight. EDIT: Jeroen has, in the meantime, added a further option "Simulate a Link Click" which will allow you to run a javascript and open a 3rd party lightbox.

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 – Marathia's Stacks
The AdblockDetector's 'Generic Alert' displays a page overlay with a text message of your choice alongside a 'close' button. A not unattractive solution if you don't have Marathia's LightboxMe.

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!

Comments

Smart Lists in RapidWeaver

Lists can be a bit of a boring affair. RapidWeaver allows you to build ordered lists and unordered lists by default and even though there are a number of formatting options, there's not really anything special. Then, of course, lists are notoriously cumbersome and if a list needs to be reordered, it has to be rewritten. Jeroen has give the subject some thought and has come up with a new stack that changes everything you thought you knew about lists.

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 Marathia's StacksSmartList2 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.

Comments

Show more posts

Please note that the forum is operated by DISQUS.
When you sign in to comment, RWNinja will provide your email, first and last names to DISQUS. That information, along with your comments, will be governed by DISQUS’ privacy policy. By commenting, you are accepting the DISQUS terms of service.

Links to the developers ® All trademarks cited on this page are the property of their respective owners.

Subscribe to Ninja News
or ask a question

Hi, I’m the Ninja Bot. What’s your name?
image/svg+xml
Nice to meet you, [1-1]. Could you tell me your mail address?
image/svg+xml
[1-1], would you like to subscribe to the monthly Ninja Newsletter?

Yes, I would like to receive your monthly newsletter.

No thanks, I’m good for now. I have a different issue.

image/svg+xml
Thanks for your support, [1-1]. Is there anything else I can do for you?
image/svg+xml

[1-1], thanks for subscribing.
By clicking 'Submit', you are giving your consent to having rjh-webdesign collect your name and email.
These details are used exclusively for the newsletter and will not be passed on to third parties!

As soon as I've added you to the mailing list, you'll receive a mail asking you to confirm your subscription.

If you made a further request, I’ll get back to you – typically within 24 hrs.

image/svg+xml
Name: [1-1] [1-2]
Email; [2]

Contacted you via the Siphon form at Ninja News.

I would like to subscribe to the Ninja Newsletter

Message

[4]
I’m sorry to hear that, [1-1]. How may I help you then today?
image/svg+xml

[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.

image/svg+xml
Name: [1-1] [1-2]
Email; [2]

Contacted you via the Siphon form at Ninja News.

I don’t want to subscribe to the Ninja Newsletter right now.

Message

[6]

Thanks again for contacting us. Your request was successfully submitted.

  • Stacks Image 76789
  • Stacks Image 76774
  • Stacks Image 76776
  • Stacks Image 76783
  • Stacks Image 76791
  • Stacks Image 76787

Looking for Inspiration?

Looking for Inspiration for a new site, or need a CTA
really quickly?

The Latest & Greatest

AdblockDetector for RapidWeaver
Advertisements on some websites are extremely annoying, they can envelope occasional pages like a ...
Portal - Online Partials for RapidWeaver
Your website has standard Headers and Footers and sometimes contains elements within a page that ...
Soundboard for RapidWeaver
If Weavers wish to add a series of audio clips to their pages, they could obviously use a ...
  • 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?

Contact Information

rjh logo

rjh web design

265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
Thailand 58130

About Us

We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.

Legal

This site uses Cookies to determine the best method of display in combination with your browser.
We do not harvest or sell personal information.
© rjh web design 2010—17

Powered by rjh-design

This website was built with loving care on a Mac using Foundation. For more information, contact me.

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.

View previous campaigns.

By clicking 'Submit', you are agreeing to receive emails from Ninja News

Our newsletter is distributed via MailChimp, who is also responsible for maintaining our mailing list. You can read their privacy policy here.

Subscribe to the Ninja Newsletter

* indicates required

Subscribe to the Ninja Newsletter

You've reached the bottom of the page, thanks for reading.

If you enjoyed what you read, you can subscribe to the Ninja Newsletter and receive a review summary once a month.

Thanks for your subscription

We shall send you a summary of the Ninja News reviews once a month.
We do not send out any other mails and we shall not, under any circumstances, share your email address with third parties.