Clicky

RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Shattering Popups for RapidWeaver

Landing pages are a great way to get a visitor to click a Call To Action. With Marathia's latest free stack, you'll really grab your visitor's attention.
ShatterPopup – Maratia's Stacks

It's slowly becoming a tradition that Marathia presents us with a free stack at Christmas. ShatteringPopup is Jeroen's latest present; a popup with a fullscreen overlay that opens as an animated mosaic and closes the same way when your visitor clicks anywhere on the page.
The overlay can be set to either a colour, or an image.

It's recommended that ShatteringPopup is set to a maximum width of 320 px, so that it can be viewed in its entirety on mobile screen. The size is set via the mosaic tile size, but sadly the popup script that ShatteringPopup is based on is not responsive.

The non-responsiveness, however, is not a problem. Your popup appears in the centre of the screen and, due to the animation, it simply can't be overlooked.

ShatteringPopup – Marathia's Stacks

The setup is simple, with settings for the tile Size and Number of tiles (you must set an even number), Border Colour, Width and Radius and , of course, the background colour or image settings.

Grab your free copy of ShatteringPopup now. Oh, and if you missed Jeroen's previous Xmas specials – XmasLights Stack from 2012, the Blink! and Marquee! Stacks from 2015, the Antiquify Stack from 2016 and the Nebula Stack and Shards Stack from 2017 – they're still available as free downloads

Comments

Soundboard for RapidWeaver

If Weavers wish to add a series of audio clips to their pages, they could obviously use a sophisticated stack such as PlayLister, a cool stack from Stacks4Stacks. However for a collection of short clips, PlayLister would be overkill in most cases.

Let's say that you want to add short teasers from your group's latest album, or a collection of bird songs…
Soundboard, the latest stack from Stacks4Stacks, is the ideal solution. Just drop a soundboard stack into your page, link to MP3 files you've added as resources, or files stored online, add images/buttons and/or captions as necessary and you're good to go.

Soundboard has a simple user interface and is intended for more uncomplicated setups where advanced features such audio controls, dynamic playlists, sequential playback and extended captioning aren't required. SoundBoard lists your MP3 tracks as attractive buttons and make them instantly available for playback in HTML5 format. Soundboard works in practically any modern web browser and on mobile devices.

The buttons are presented in a responsive CSS grid. You can either apply the same background styling to all buttons or customise button backgrounds individually on a button-by-button basis. The completed result is a tidy and particularly user-friendly interface. To play an MP3 track, simply click or press its button. To stop the MP3 track playing, press the button a second time, press an adjacent button, or click anywhere on the page.

Soundboard – Stacks4Stacks
Stack settings
Soundboard Grid Width – XS, SM, MD, LG, XL – %
Item Margin
Border Colour
Border Radius
Border Weight
Button Opacity – Status #1 (playing), Status #2
Button Padding
Fill Style – Inherit, Colour Fill, Vertical/Horizontal/Diagonal/Radial Gradient, Single Image, Tiled Image
Lebel Align – Left, Centre, Right
Label Colour - Status #1 (playing), Status #2
Label Style – B, I, Upper Case, Underlined
Label Size
Transition Speed

Soundboard was designed specifically for RapidWeaver, you won't find the code anywhere else on the web. It is, without a doubt, the ideal stack for publishing short audio clips.

Comments

Formloom 4 for RapidWeaver

It has been exactly four years since Yabdab's Formloom 3 was released. There were minor updates in the meantime, but now Formloom 4 has hit the market. Was a major new release necessary? Apparently it was: there are numerous new additions. Is the new plugin worth nearly twice the price? Decide for yourself:

There's a long list of new features for Formloom 4. The list isn't as long as the new features introduced with version three, but still worthy of mention.
Here's what Mike lists as being new:

UNLIMITED Sites / Forms – Unlike other web form "services", you can use Formloom on all your web sites! There is no limit to how many forms or web sites a single copy of Formloom 4 will work with. (Ahem; that's not a new feature)
Multi-Step Forms – Got a super long form? Well now you can break it up into multiple steps.
Rules – Hide and show items based on the values of other items. Powerful conditionals are now in Formloom.
Data Tables – Built in support to view and filter through data submitted into MySQL.
New Input Types – A bunch of new input types , including...
Date Range
Time Range
Date-Time Range
WYSIWYG HTML
Signature
Star Rating
Range Slider
Currency
Security Question
Mail Preview – Preview how your emails will look directly inside Formloom 4
Better Email Design – Formloom's new Email HTML wrapper will make any email look like a professional designed it.
reCAPTCHA v.3 Support – Make sure humans are filling out your forms, not bots using the new invisible reCaptcha v.3
Font Awesome 5 – Complete Font Awesome 5 support for placing over 1400 different icons in your input fields.
Darkness – Formloom 4 supports the new Mojave Dark Mode in RapidWeaver 8.1+
Persist Data – Tell your form to hold on to input entries until the form is complete. Even when the page gets reloaded by mistake.
Included Formloom Helper Stack – Using the Formloom 4 Helper Stack, you can now include any Formloom 4 form into any Stacks page.
Added Style Settings – Design your form by choosing the colours, font and font sizes for your form.
Improved UX – Things are looking really nice with the addition of full-screen functionality, cleaner layout and retina optimised UI.
Plus much more... – There are just too many things to list them all here. (mike's words, not mine).


So let's be honest. I never used Formloom before. I tested the beta version of V4 and was impressed. Then, after seeing Yabdab's demo page, I decided that yes, Formloom beats the trousers (pants for those on the wrong side of the pond) off FormSnap and have purchased the plugin.
Why? Because the feature list is way longer (read: 'better') and I was impressed with the new page break feature for longer forms.

Formloom is a plugin. A Formloom Helper Stack is included with the plugin which allows you to add your completed form to any stacks page. The UI, even though the forms themselves can get very complicated, is easy to understand.
More complicated forms can be divided into 'subpages' and navigation dots are automatically added so that the user can see how many pages there are. Moving backwards or forwards within a form, or accidentally refreshing the page does not delete any information that was previously entered.

If you use Formsnap, there is a special crossgrade price available for Formloom. You might find it useful to check the demo out!

Comments

Horizon for RapidWeaver

The age old problem. We have masses of content to be integrated onto a page, but how do we do so and retain some semblance of design. The obvious solution, of course, is some sort of tabbed content, or an accordion. Tabs and accordions, however, are not always ideal and seldom look really attractive, on top of which – some visitors don't realise that there is more content hidden behind the tabs, so what about a slider?

JW's Weaver's Space has gained a new stack – Horizon a stack that scrolls content into view when required.
We've seen sliders before, but Horizon is different, it can scroll content horizontally either when your visitor slides the scrollbar (or drags on mobile devices), or automatically. Automatically means that your content can scroll constantly (and pause on hover), or – especially subtle – scroll as the page is scrolled.
If Horizon is set to scroll manually, a badge can be displayed "Scroll Me" (or a text of your choice) so that even the least experienced visitor gets a hint that there's more content available.
Horizon will accept any stack [combination] that you care to throw at it, but it is also TotalCMS-ready, i.e. it has options to add a Blog List, a Gallery, or a Post Gallery.

Horizon – Joe Workman
Stack settings
Horizon Container
Start Position – %
Enable Scroll Hint
Hint Text
Collapse in Edit Mode

Horizon Scrollbar
Scrollbar – Default, Hide, Styled
Show on Hover
Scrollbar Height – Height, Gap (px)
Scrollbar Colours

Horizon Cards
Height – Auto, px, %
Width – Auto, px, %
Width – %
Min/Max – px
Margin
Padding

Animation – None, On Page Scroll, Loop, Loop on Hover

Horizon is a great way to display masses of information and even the most inexperienced visitor can hardly miss that there's more content to view.

Comments

Restricted Content in RapidWeaver

A major concern for many website developers is content protection. We want our website to be accessible to the general public, but we don't want them to copy our content without our permission. There are a couple of solutions available to Weavers that involve disabling the right mouse-click and/or the drag and the copy function. One Little Designer has a new solution for you.

Restrict Content is a stack that automatically converts sections of your page into images, thus restricting their availability. The converted sections do not appear within the HTML or CSS code, but can be accessed by the administrator or users with explicit rights.
Restrict Content can reduce the quality of an image that's displayed on your page by blurring it (even to the point of the image being unrecognisable), it can add password protection to an image or a section (appears when the image/section is hovered), it can add a gradient to an image or section so that the lower portion is invisible, and/or it can overlay content with a stack of your choice.

Restrict Content – 1LD

Restrict Content uses PHP to hide your content from the HTML page. This works perfectly for text content, but currently does not hide images from the page's resources.
You may choose to allow access to choice visitors by supplying them with a password (after subscribing to your page perhaps) and once access has been granted, images can be displayed in a lightbox.
Restrict Content – 1LD

Stack settings
Content Type – Convert to image, Convert to image and add blur, Convert to image and fade out, Convert to image and add watermark
Enable Call To Action – Add stacks of your choice
Allow Access – Never, With password, With confirmation button
Password
Allowed Attempts
Placeholder Text
Invalid Text
Failed Text
Field Position – Centre, Top, Bottom, Above, Below
Show Password Field On Hover
Enable Lightbox

Restrict Content is currently the best solution for restricting access to single elements on a web page. It's a shame that images aren't (as yet?) removed from the page resources, but 99% of regular users won't be able to access them anyway.

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.