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.
JW's Filters Stack removes the secrets from said CSS effects and not only lets you easily choose from over 40 image effects, but also apply the effects to complete layout elements – hover effects included.
With Filters you can standardise all of the images on your web page by applying the same filter to every image; you have complete control over blur, brightness hue, etc. and you can apply hover effects that, for example, turn a black and white or sepia image into a full colour image.
Filters is delivered with 2 stacks. Filter Presets with (if I counted correctly) 41 different filter effects, and Filter Pro which allows you to build your own effects and to apply them to a 'Scope' i.e. to Images, Class, All, Custom Selector.
The effects possible with Filter Pro are: Greyscale, Sepia, Brightness, Contrast, Saturate, Invert, Hue, Opacity, Blur, Blend Mode, Duotone and Hover effects. Any or all of these effects can be combined with each other.
Filters will easily make your website more interesting and can draw attention to specific page elements. Total CMS users will be interested to know that Filters is fully compatible and can easily change whole pages of images.
The only downside: You won't be able to fully appreciate Joe's demo project without first investing in his Wallpaper and Target stacks.
Annoying fact: Your website's 'Home' button will usually reload your home page if clicked when you are already on the home page.The same will happen if you click on the link of any page that you are already on. Confusing, or what? Menupilator can deactivate the 'Home' link and any other link on your site to avoid confusion.
Does your client want you to add a new page to an already bursting navigation bar? You could shorten the page titles in the page settings to make room for another menu item, but this might damage SEO results. You could, however, shorten the page titles using Menupilator and leave the SEO results intact (I just altered a page title from "Wir über uns" to "About Us" with three mouse clicks).
If you need to highlight a specific menu item e.g. so that a visitor immediately sees how to contact you, Menupilator can quickly do the job. Menupilator can also trigger a lightbox instead of opening a new page. It could also trigger a dropdown that offers different language versions of your site.
Here's a list of everything the new stack can do. Menupilator comes in handy when you want to:
Damn, I recently purchased a stack specifically to alter a menu's function. If only Menupilator had been around then, it's much more flexible.
Image Sector allows you to create new, shapable background images for RapidWeaver like seldom before. And without the hassle.
SVG Scalable Vector Graphics. Images that can be incredibly tiny, but can scale up (or down) to any size without losing their crisp edges.
For some time now, we have had the possibility of adding SVG images to RapidWeaver and nowadays even MS browsers are able to display said images.
Obviously SVG is ideal for use as section masks or section dividers and 1LD resolves the problem that those little grey cells may have when trying to work out how to implement said masks.
What do we need? Image Sector and some page sections…
The simplest transitions (obviously) are those that divide a page horizontally.
Image Sector's delivers ten different shapes by default, plus the option to add your own custom shape. The latter, of course involves the use of Adobe Illustrator, Affinity Designer, or the included free shape tool. With just a few mouse clicks, you can divide your page just as you wish. The added advantage is that each of the SVG masks that you use can be used as an image frame. Your text floats over a masked image and looks incredible!
Image Sector delivers more than 30 pre-designed presets, plus over 600 icon paths. With the added advantage that you can design your own masks anything is possible!
And – if you're stuck for an SVG and the image that you have in mind is too complicated, you can also use an image (ideally a png) to mask your section. If you use the appropriate colour combination, your content may even run into and over the image and still look good.
The internet is no longer a static entity. With the abundance of information to be displayed in the confined space of a web page, it makes sense to hide some details until the user really needs it. Aside from that, moving elements can make a page more interesting. The Fluid demo page is extremely interesting with elements that move when clicked and slide into view when the page is scrolled — the page simply begs for your attention.
But Fluid isn't simply about motion, it allows you, as the demo page shows, to build complete web pages that include floating menus and most of the page content you need.
Using the Fluid Suite, you can add Buttons, Icons, Images and Text in addition to the default Fluid stack the Fluid Container, State Manager and Trigger.
The main Fluid stack supplies the JS necessary for any transitions whilst the Fluid Container will accommodate any of the other stacks. The Trigger stack defines when/how a transition should take place and the State Manager allows you to define the transition.
Just about any imaginable state is possible; from simply changing an element's colour upon hover, over opacity, rotation, zoom or positioning etc. on hover, click or page movement. There are many more transitions (z-Index, Object Size etc.) available.
So back to the 'learning curve'. After viewing the initial demo project with 11 pages of examples, I felt a little daunted. I contacted Skyler and he supplied a project with five pages that made things a whole lot more understandable!
Three things that you'll need to remember before you commit to Fluid:
Fluid is an amazing product that will allow you to build RW pages that you never imagined before.
Fluid has a fairly steep learning curve that is aided by Skyler's new demo project.
Less is more! You might want to let rip and animate everything on you newest RW pages. But don't overdo it!
Too much movement eventually distracts from your content, in addition to which the JS necessary to move all of your page elements can quickly become quite large.
Your project size might not matter to users in areas with good internet accessibility, but always remember that the JS necessary for any animation adds to the project size and your product might be viewed on a mobile phone or in other areas where every Kb costs your visitor valuable $.
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
Yes, I would like to receive your monthly newsletter.
No thanks, I’m good for now. I have a different issue.
[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.
[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.
Thanks again for contacting us. Your request was successfully submitted.
Looking for Inspiration?
Looking for Inspiration for a new site, or need a CTA
The Latest & Greatest
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?
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—17
Powered by rjh-design
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.
By clicking 'Submit', you are agreeing to receive emails from Ninja News
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.
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.