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

Stack Me – Content Alignment in RapidWeaver

A left-aligned text on the right-hand side of the page. That's easy enough. Drop it into the last column of a three-column stack. You can even add a background image.
But what if you want the content to be exactly 40% of the page height, with the content vertically centred and with a colour overlay over the image.
Now things begin to get complicated. It's possible by nesting the right combination of stacks, or with Stack Me, a new stack from Der Flinke Grafiker, otherwise known as DeFliGra.

Tommy's new Stack Me stack will help you align your content flexibly, letting you break out of the constraints of the sometimes inflexible 12-column layouts of framework based themes such as Foundation and Foundry.

Stack Me adds a full width section to your page and let's you add child stacks with different content: Header, Text, Image, Float and Button. Stack Me's width may, of course, be constrained by dropping it into a container stack.
The Header, Text, Image and Button child stacks are straightforward, the Float stack adds a text stack with a container for other stacks. The child stacks can be combined as needed. The only thing missing is a child stack for third party stacks.
However, noticing that the child stacks are standard Stacks 3 stacks, I simply dragged in some other stacks – and was surprised to find that that works too.

Stack Me – DeFliGra
Once you've added your choice of content, you may define Stack Me's minimum height and the content alignment, add an optional image background – which may be fixed – and a colour overlay. The setup is fast and simple and saves you the trouble of experimenting with nested stacks.

Stack Me – DeFliGra
Stack settings
Fix Background Image – >1025 px On, <1025 px Off
Min Height – %
Vertical [orientation] – Top, Centre, Bottom
Horizontal – Left, Centre, Right
Padding – T, B, L, R – %
Colour On/Off – BG, Txt, Link, MO (Mouse Over)
Colour On/Off – H1—H4 individually
Colour Store – Tommy's famous colour reservoir. Save up to four default colours and drag them into the colour wells above
Target – Add an ID to fill the Stack Me container with an image
Breakpoint
Tile – Remove Min Height, 100%, My Choice [custom]
Custom CSS – it wouldn't be a DeFliGra stack without a bucket full of custom CSS containers

Stack Me is a great stack for when you need to align your content exactly where you want it, but with the addition of custom backgrounds.

Comments

Explicit content in RapidWeaver


Warning: This post contains explicit content that is unsuitable for minors

Please confirm that you are over 18 years of age


Explicit


You have chosen not to view this post, but I'm going to show it to you anyway!

Displaying content promoting alcohol, or tobacco to minors is prohibited in many countries. Sexually explicit content, or disturbing content is also [or should be] restricted, Certain content such as flashing lights, rapidly changing images, or even flashing links, can invoke epileptic seizures.
You should be able to warn your visitors that what they are about to view on your web page may be harmful in some way.

Explicit, from Doobox was released just a week ago and helps you warn your visitors that your content may not be appropriate for all viewers.

Explicit's setup is simple. Drop the stack onto your page, add the warning text of your choice. Drop in a stack that helps explain the warning with text and/or images and publish.
When your page is loaded, it will display a modal with a warning, your description and two buttons which will allow you to confirm that you wish to view the page's content, or to decline.

If you confirm, the hidden page will be displayed. If you decline, a message of your choice will be displayed. After a few seconds the page will then refresh to display the initial warning.

Explicit – Doobox

Stack settings
Modal – Background Colour, Popup Colour
Title – Text Colour, Background Colour
Accept – Icon Colour, Background Colour
Decline – Icon Colour, Background Colour
Never Show in RapidWeaver – Hide in preview mode
Decline Title
Decline Message.

There are two things to observe when using Explicit:
1 – I found that (at least on slow internet connections) the page content is momentarily displayed before the message appears, so it might be a good idea to position your explicit content below the fold.
2 – There is obviously no way of confirming that your visitor is, of course, actually of age, so those fourteen-year-olds are going to click 'yes, I want to see the naked ladies' and then discover that naked ladies aren't necessarily as attractive as they thought they might be,

Explicit is a simple stack that will warn visitors that the following content may not be suitable for them. It is not intended to confirm that a visitor is actually entitled to view the content.

Comments

Quick 'n' Dirty Sections in RapidWeaver

I have a softspot for stacks that save me time and save me from having to think. I'm a graphic Designer (at least, that's what my diploma says) but sometimes it's nice to be able to just drag a stack onto a page, drop in an image and some text and then move on to the next section. Quick 'n' Dirty! And that's exactly what the new Section stack from Weavium allows me to do…

Section is a free stack that allows me to switch off for a while. Full width sections with header and caption text and a bare minimum of design possibilities. All I need to do is decide on a colour for the background and contrasting colours for the Header and caption. Once I've done so, I can drop in my content and move on to the next section.

Section Weavium

I recently built a site that contained just such sections containing price information for various services. Had I had Weavium's Section, I'd have had the page finished in half the time (and could still have charged the same price!).

Stack settings

General
Padding T,B,L,R. Default 100,100, 20, 20px

Menu
Background [colour] None, Solid, Gradient, Image.

Section Title
Colour
Size – Desk, Mobile, Tablet
Space Below – Desk, Mobile, Tablet
Max Width
Font – 15 popular web fonts plus custom
Font Weight – Bold (default), Normal

Section Description
Same options as above.

Section is a soft release, so you can expect a few changes to appear in the very near future e.g. customisation of the color and sizing of header tags, text, and links within the content.
This is a neat little stack, made all the more interesting by the fact that is's free.

Comments

Designing Every Element in RapidWeaver

Marten Claridge is a gifted designer and if you watched his contribution to this year's Weavers' Space Conference 'Design Every Element', or if you've downloaded any of his creative stacks, you'll know exactly what I'm taliking about.

During the WSC, Marten built a very attractive page using only Big White Duck stacks. There were comments during the conference that Marten's feature was slow, but hey! Designing Every Element is a slow process.
At the end of the presentation, however, a chorus of voices shouted "I want to be able to do the same."

Well, if you digested what Marten explained, you can.
If you found it too complicated, Marten promised at the end of his talk to deliver the project module he created online.
He's kept his promise, but instead of delivering a single module, he's submitted 154 (one hundred and fifty-four) of them!
Sadly, this means that you'll never again have to design a page section on your own — ever!

Maximal Design Style Modules. Subtitled Duck Soup – using Marten's own words "the design modules solve a common problem for Weavers struggling to stay relevant in a highly competitive market: how to quickly and easily add real professional style to a project to make it stand out from the crowd."

Duck Soup is a bundle containing five packs for Foundation users: Chico, Harpo, Groucho, Gummo and Zeppo. Each pack is duplicated based on the universal Blank Theme (included with the project) for those that don't use Foundation.
Each pack is a project file containing five stacks pages of uniquely designed modules. Each project page contains Multiple modules. And each of the modules contains perfectly paired combinations of Google Fonts for the headers and content.

Maximal Design Modules – Duck Soup


To use one of the modules in your project, simply copy it from the Duck Soup project, paste it into your own page and replace the text and images with your individual content.
Quick, simple, awe-inspiring results are guaranteed!

Of course, the modules don't necessarily need to be utilised 'as is', but can be used as a schematic to jumpstart your new project. Adjust a few settings here and there and with just a few minutes work, you have your very own module.

The 'Universal' modules should work with virtually any theme, but given the large number of old and new themes out there, this obviously can't be guaranteed. Depending on the responsive theme of your choice, the settings may require a little refinement.

Marten has obviously spent many hours studying his collection of BWD stacks and he puts them to use expertly. Some of the effects he achieves are quite amazing and a lot of thought has gone into designg each and every element.

Stacks used

Big White Duck Stacks:
Sections Pro
Sections Box
Paragraph Pro
Header Pro
Button Plus 2
Chroma
Blueprint
Bevel

It goes without saying that you will also need RW 6+ and Stacks 3+

Each of the five project packs is available as a separate purchase, or you can buy the complete bundle collection with a 25% reduction – that's less than 50¢ per module.

Trivia: How did the modules get their names? Duck Soup was a film made in 1933. Chico, Harpo, Groucho, and Zeppo – The Marx Brothers – were the stars of this film while Milton 'Gummo' Marx was the four brothers' manager. What better name then, for a series of projects featuring BWD stacks exclusively, than Duck Soup?

Comments

Locator for RapidWeaver

In the past there have been heated discussions as to which stack is the best to display multiple business locations. Well I'm about to pour oil on the fire, because I might just have the answer for you. The new Locator stack from S4S.

Your client runs a chain of Restaurants with branches in every shopping centre in town ('mall', if you live across the pond), plus a couple of select locations. With Locator, site visitors will not only be able to see which branch of the restaurant is closest to his adobe, but also call up directions and view the restaurant in Street View for optical identification.
All your visitor needs to do is enter his ZIP code into the (optional) search field and submit. If your server has SSL certification, geo location can be automated!

A seemingly unlimited number of locations can be added to Locator via Google Earth KML files, XML files, or, if you've previously added locations to WordPress, or similar, via JSON import.

The simplest method is, of course the Google Earth solution. You will, however, need to download the Google Earth app first. The online version doesn't export the .klm data required by Locator.

Open up Google Earth; add a folder for your locations; drop in place pins and save them to your location folder; set a description for each location. Add further details, such as contact information and opening times. Once you've added all of your locations save the whole folder as a KML file and either drag the file into your RapidWeaver project resources, or upload it to your server.

In your Locator stack, you can now link to the .kml file, switch to preview and call up all of the locations you've added. As simple as that!

Locator – S4S
If you'd prefer to have a more easily editable location list, then an XML file is recommended. You can download examples of all file formats from the product page to see which best suits your purposes.

Stack settings
General Settings
Google API key – Will has Kindly left his API key in the stacks so that the demo data functions.
You should, however, visit the Google Developer's site and acquire your own key. It's a painless process.
Data File Type – Google Earth KML, JSON, Sample Data, XML
Set Link

Form Settings
Formatting for the location search

Map Options
Length Units
Map Type
Distance Alert – (set to -1 to deactivate)
Height
Location Limit
Zoom – Base map magnification
Standard Google Maps options (10 settings)
Start Map Open
Default Location Latitude/Longitude
StreetView Button
Custom Marker

Locator List Settings
List Position, plus colour formatting

Locator Localisations
Translations for non-English websites.

Programming a store locator would normally be a very expensive undertaking. Locator not only simplifies the task, but makes it affordable.
And if you hurry, the S4S page still has a 50% Black Friday price reduction. That's a helluva-lotta-stack for a small price.

Comments

Show more posts

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. 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 tohear 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?

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.

Subscribe to the Ninja Newsletter

* indicates required