Clicky

RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Scribe – Better Typography in RapidWeaver

Typography was orphaned on 6 August 1991, when the internet was made public. Since that day, we’ve had to live with a deficient display of copy.
There has been advice given for improving the inadequacy, but although some solutions work, none of the solutions were simple to implement – until now, that is.

Scribe is BWD’s latest stack and it shows that it is, after all, possible to teach an old dog new tricks. Not only does Scribe improve your copy, but it’s flexible enough to build a complete webpage within a single stack – without even using a theme. Fewer stacks means better code and faster rendering times.

Scribe is a markdown stack, but no worries if, like me, you haven’t concerned yourself with markdown before; you can simply write your text as you normally would. Returns automatically create correctly spaced paragraphs. The result is an improvement over using standard paragraph stacks and you’ll need fewer stacks to to compose long passages with multiple paragraphs.

If you would, however, like to use markdown, basic formatting is simple enough:
‘#’ for instance will give you an h1 formatting. ‘##’ will result in an h2 etc. etc.

For more complicated content the Ulysses markdown app comes highly recommended. It’s simple to use and no Markdown knowledge is required.
Once finished, copy your content from Ulysses into Scribe and use Scribe’s child stacks to refine your text.

Andrew’s extensive demo pages will give you a far better idea of Scribe’s capabilities than I could ever give you here. Don’t just skim the pages, take your time. I assure you that when you’re finished, you’ll want to download both the stack and the demo project!

Please note that DISQUS operates the forum below.
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.
Comments

Split Sections in RapidWeaver

I’ve recently seen a couple of websites that had split sections. At first I was unimpressed, but then I began to ponder how to go about building them. Turns out that it’s not so simple. One Little Designer to the rescue!

Split, 1LD’s new stack makes those animated split sections a breeze.
 A section divided in half. When you hover over one half it expands, causing the other half to shrink.

When you drop Split into a Stacks page, you’ll first see what has become a common sight – two coloured containers, each with an icon, a header, a descriptive text and a button.
The first setting in the Item child stack, however, is ‘Custom Content’; Split can contain anything you care to throw at it – within reason, of course.
I dropped in some content, set a background image and the result is quite impressive. Hover your mouse over the image below and you’ll get an idea of what I’m nattering on about.

Split – One Little Designer

Stack settings
General
Radius
Max
Width

Mobile Points – Tablet, Mobile

Responsive Point – Point at which the Items transform to vertical
Shrink Width – D, T, M

Min Height – D,T,M

Padding

Content Width

Titles – px D,T,M
Title Spacing
Title Font
Description – px D,T,M

Desc. Spacing

Desc. Font
Icons – px D,T,M

Icon BGs – px D,T,M

Icon Radius

Icon Spacing

Button Text

Button Radius

Button Padding

Button Font

The Item child stack has settings for the individual content alignment and for colour settings.
Split helps you go with the times by making those split sections simple to build.

Please note that DISQUS operates the forum below.
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.
Comments

Expandable Grid For RapidWeaver

Hide your content, Weavium wants it! Their latest stack, Expandable Grid, is a yet another attractive new take on the age-old accordion – reams of information within a confined space.

Expandable Grid allows you to build a grid with as many columns as you feel is practical on your page, with each row set to a height of your desire. Each of the grid sections can contain icons or images alongside a title. When the section is clicked, it expands to the full width of your grid to display whatever you dropped inside it. The rows below the expanded section slide down and the inactive sections gracefully fade with a white overlay
As we have come to expect from Weavium, the stack is highly customisable and I fell in love with it immediately.

Expandable Grid – Weavium

Stack settings
General Columns – Desktop, Tablet, Mobile
Column Height – px, Desktop, Tablet Mobile
Column Gutter – px
Breakpoint – Tablet, Mobile
Max Width – px

Items
Hide All Icons
Hide All Titles
Vertical Align – Top, Centre, Bottom
Horizontal Align – Left, Centre, Right

Radius
Padding – Vertical, Horizontal
Title Size
Title Weight
Icon Size – Background, Icon
Icon Radius
Icon Spacing
Content Padding
Content Width
Inactive Opacity
Hover Move
Hover Grow

Colours & Fonts – What did you expect, but all the default Weavium customisability?

Extendable Grids – Weavium
Once again, each of the child stacks is fully customisable via its own Stacks' settings panel.

Expandable Grid – a brilliant stack that's effortless to configure and makes it a pushover to design attractive product catalogues, portfolios, FAQs, etc. in confined spaces.

Please note that DISQUS operates the forum below.
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.
Comments

A/B Testing Made Easy for RapidWeaver

We've all read about the advantages of A/B testing. Upload a landing page with a call to action and a week later swap it out for a different page; then check your statistics to see which was more successful. But be honest; put your hands up, those of you that have actually tired it. It's just too arduous. Well, now it isn't!

ABSplit, from Yuzool themes, is a new stack that randomly serves up two alternate versions of a page, or parts of a page. If you wish to test two different CTAs, just drop them into the ABSplit stack sections and publish. If you wish to test two completely different page design, construct one page inside the A section and the alternate page inside the B section.
When your page is published and viewed online, an alternate version will be randomly displayed each time your landing page is loaded.

ABSplit – YuzoolThemes
ABSplit has just a single setting in the stacks panel – Hide Tests – Show Both (default), Hide B Content, Hide A content. Hide Tests can hide either of your content areas in edit mode.

Now go forth and make your A/B testing work for you.

Please note that DISQUS operates the forum below.
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.
Comments

Charter – Charts For RapidWeaver

Line Charts, Bar Charts (horizontal and vertical), Pie Charts, Polar Charts, Doughnuts, Radar Charts… All different statistic types that, for the most, weren't possible to display in RapidWeaver until…
… well, until Stuart Marshal of 'Shaking The Habitual' decided to create the Charter stack.

Statistics come in various forms – Calories contained in food products for example. Company websites, are likely to want to display a comparison of sales volume and total revenue for specific products. An NGO might want to display donations over the last twelve months.
Whatever statistics you wish to visualise, Charter has you covered.
While a doughnut chart might be the perfect way of comparing the calories contained in apples, beef, bread, fish and noodles, a vertical bar chart can easily display sales volumes over a specific period of time.
Charter is also animated. When your chart scrolls into view, the statistics grow to display their final values.

Charter – STH
Stack settings
Chart Type – Bars Vertical, Bars Horizontal, Line, Pie, Doughnut, Polar Area, Radar
Chart Title
Chart Label

Charter Data Sets (Data) – Up to five sets of data each with:
Label
Values – Comma separated

Charter Data Sets (Styling)
Extensive colour and labelling options for each of the five data sets.

Chart Styles
Chart Height – Mobile, Desktop
Breakpoint
Font Colour
Chart Padding

Chart Type Styles
Border Width
Point Radius
Point Border
Line Tension
Bar Width
Category Width

Axes
Display Axes – x, y
Display Grid – x, y
Grid Colours – x,y
Display Ticks – x,y
Display Labels – x.y
Label Text – x, y

Legend
Display Legend
Position – Top, Bottom, Left Right
Label Width
Label Font Size

Title
Incude Title
Title Position – Top, Bottom, Left, Right
Title Font Size
Title Padding

Tooltips
Colours
Font Size

You were probably thinking that, with the exception of data and chart type, there's not a lot that you can configure when displaying statistics. The list of stack settings above shows that there's a lot more customisation possible than we may have thought.
Charter is is extremely flexible and every aspect can be customised. I heartily recommend that you visit the demo page to see everything that is possible – and there's more to come:
Stuart is currently working to add CSV and Google Sheets import.
If you have statistics that need to be visualised, you can grab Charter with a 20% discount by using the code sth-ninja-charter until the end of July!

Please note that DISQUS operates the forum below.
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.
Comments

Show more posts

  • Stacks Image 35399
  • Stacks Image 35402
  • Stacks Image 35405
  • Stacks Image 35408
  • Stacks Image 35411
  • Stacks Image 35414
  • Stacks Image 35417
  • Stacks Image 35420
  • Stacks Image 35423
  • Stacks Image 35426
  • Stacks Image 35429
  • Stacks Image 35432
  • Stacks Image 35435
  • Stacks Image 35438
  • Stacks Image 35441
  • Stacks Image 35444
  • Stacks Image 35447
  • Stacks Image 35450
  • Stacks Image 35453
  • Stacks Image 35456
  • Stacks Image 35459
  • Stacks Image 35462
  • Stacks Image 35465
  • Stacks Image 35468
  • Stacks Image 35471
  • weaverthemes
  • Stacks Image 35477
  • Stacks Image 35480
  • Stacks Image 35483

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

x

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.

* indicates required

Contact Information

My Image

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—16

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