Clicky

RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Presentations With RapidWeaver

If you've always wanted to publish keynotes, such as product presentations or training documents, then InStacks' new StageDive might be the very thing you've been looking for. Dubbed "Online presentations and slideshows for your next keynote" StageDive is an interesting take on Single-Page websites.

StageDive, as its subtitle denotes, is a theme/suite of stacks aimed at building presentations. The advantage over building your presentation with Keynote© or its Micro$oft equivalent, is that you can build your presentation with the app that you use every day – RapidWeaver.

StageDive arrives with its own dedicated theme and a suite of five stacks. The theme automatically adds the default formatting and the navigation to your presentation. Everything else can be designed just as you please. StageDive will allow you to place almost any stack on the page, including 3rd party navigation, or galleries.

The default stacks are: StageDive – the base stack which automatically adds the first child slide, Fixed Position – allows you to place floating stacks such as buttons in the corners of your slide, MediaPlayer – integrates video and audio, Slide – standard child stack and VerticalContainer – arranges slides vertically.
The difference to a standard webpage is that a) Upcoming slides and speaker notes may be may easily be viewed and b) The next slide may be called via the space bar.

StageDive – InStacks

Stack settings
Theme – Choice of nine themes plus 'Theme Builder' (not yet available)
Transition Style – Six transition effects
Transition Speed – Default, Fast, Slow
Centre Vertically – Active by default
Navigation Controls – Active by default
Controls Area – Bottom Right, Edges
Progress Bar – Active by default
Bar Height – px
Page Number – Deactivated by default
Timing – In seconds
Image Border – Deactivated by default

Slide
ID
CSS Class
Background – Theme Default, Custom Colour, Image, Video
Transition Style – Six transition options
Transition Speed – Default, Fast, Slow
Speaker Notes – Deactivated by default

StageDive is ideal for online presentations and if you're actually giving a keynote and have a second monitor, the possibility to view upcoming slides and slide notes is perfect.

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

50/50 An Innovative Slider For RapidWeaver

Sliders. There are dozens of them available as RW stacks. A slider can be an image slider, it can be a stack slider, it can be a combination of both; so who would have thought that a developer could come up with something new? Well, 1LD certainly has. 50/50 Slider.

50/50 Slider displays a title, a caption text, a button and an image – now you're thinking "Yeah, so do many other sliders!", but this is where the name 50/50 comes into play; one half of the stack displays your text content, the other half displays your image. When you click the stack's navigation button, the text content slides from left to right to reveal the next content – 50/50.

50/50 Slider will fill any container that you drop it into and by adjusting its max width and min height, it can easily fill your screen. On mobile 50/50 transforms to display your image above the text content.

50/50 Slider – 1LD
As we have recently become accustomed to with 1LD stacks: the settings panel reveals a plethora of configuration options, making 50/50 Slider completely customisable. So here's a condensed version of the…

Stack settings
General – Max Width, Min Height, Mobile Point, Radius, Content Align
Slides – Hide Titles, Hide Text, Hide Buttons, Title Font, Text Font, Padding, Title Size, Title Spacing, Text Size, Text Spacing, Button Configuration, Mobile Height for Image
Slide Navigation Configuration
Slide Colours

Slider Item
Image Container
Action Link
Custom Slide Colours


The main stack settings are for the global appearance of the slider, however, each slide child may be customised individually.

1LD has once again produced an innovative stack that is both modern and timeless. This is an effective slider that is simple to configure and will find great popularity.
The only thing that I could wish for is an option to swap the image/text positions…

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

Scrollers and Quizzes for RapidWeaver

A new developer has quietly slipped into the RapidWeaver fold with the introduction of two interesting stacks. Stuart Marshall. You may have noticed his name on the forums. He's chosen to name his site 'Shaking the Habitual'. Stuart's first stack – Scroller – is as simple as it is effective.

Scroller is a free stack that provides a fully customisable scroll/progress bar that increases in width (from 0% to 100% of the screen width) as the user moves from the top of the web page to the bottom. It can be pinned to the top or bottom of the page.
In addition, there is the option to add content to the stack. Anything added to Scroller's container will appear above the scroll line. It will work with most navigation bars but it could also be used for text (e.g. page title) or a logo etc.

Once you've added Scroller to your Stack's page, there are just five settings – Place at top [of page]? is activated by default. There are options for two colours for the Progress bar – the bar itself and the background colour. After setting the colours, you can adjust the Height of the bar and the z-index (default 1), finally you can activate Add Content if you wish to add something immediately above Scroller.

Scroller – Shaking the Habitual
Quizzer is a completely different kettle of fish. It fills a need that Stuart was never find a suitable solution to...
… creating an interactive quiz within RW.
After trying to tweak existing form stacks and various online quiz generators but not being able to add the functionality/formatting/ownership of the content that he wanted, Stuart decided to develop his own solution.

Quizzer is a stack that you link to a JSON file (examples are included with download). It is the JSON file that contains the quiz content (questions, answers and feedback). The Quizzer stack then lets you determine the functionality for the actual quiz. This could be randomising questions and answers, showing feedback per question, displaying a score, displaying a ranking etc. There are also numerous configurable options to allow the user to control the formatting of the quiz (header sizes, colour of the buttons, colours of the correct/incorrect feedback etc).

Additionally, using a little html code within the JSON file brings a whole range of options for the user as they can use this to format their text (bold, italics) and add images, videos and links etc.

Some might find the JSON configuration a little tricky, but if you begin by editing an existing quizz, the whole process is much easier than it looks. An extensive pdf guide is also included with the download.

Stuart already began work on an update that will include more formatting options (e.g. removing indent of answers/feedback) and also for functionality (e.g. getting the quiz to show X number of random questions from the full question bank).

Quizzer - Shaking the Habitual
NOTE: Quizzer may not function in preview when the JSON file is online. To preview, you can add the file to the Resources folder.

Like some other developers, Stuart began developing stacks because he couldn't find a stack that did what he wanted. Scroller is a useful addition that many will like, whilst Quizzer is a stack that can add some fun to any site. Keep up the good work Stuart!

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

Headliner for Rapidweaver

A Headline is a text that indicates the nature of the content that follows it. Headlines and accompanying images are attention grabbers that often determine whether a content is read or not.

Headliner, Weavium's latest stack, is a news slider. It displays a headline and an image, then slides to present the next headline. When the headline is clicked, the news content opens to display in full-page view with controls to navigate to the next article.

By default Headliner is set to a max width of 600px, meaning that it will scale to fit any container up to this width. But if you need an eye-catching news slider, it also looks good at full-page width and then transforms to look just as good 9or even better) on mobile.
The Item Child will accept any sort of stack that you care to throw at it. The items are configured from the main settings panel, but each can be completely customised via the child settings.

Headliner – Weavium

Headliner – Weavium

Stack settings
Rotate Automatically (Autoplay)
Rotation Speed – Default 4000ms
Rotat Direction – Horizontal, Vertical
Z-Index
Max Width
Slider Mobile – Breakpoint
Article Mobile – Breakpoint for child stacks

Headlines
Radius
Padding – Vertical, Horizontal
Headline Shadow – x, y, Blur, Spread
Shadow Colour
Headline Size – Desk, Mobile
Title Text
Title Size
Toggle Text
Toggle [Font] Size
Toggle Radius
Toggle Padding – Vertical, Horizontal
Image Size
Image Radius
Image Offset
Image Shadow
Shadow Colour

Headlines > Full Page View
Header Height – Minimum px
Content Width – Minimum px
Content Padding – Vertical, Horizontal
Close Icon Size
Headline Size – Desk, Mobile
Image Size – Desk, Mobile

Colours & Fonts
Extensive settings for complete customisation analog to all Weavium stacks.

Item Stack – As already mentioned, each child stack can be customised to override the main stack's settings.

Headliner is another versatile stack from Weavium that I can envisage being used for products and portfolios, FAQs and, of course, news articles. It is one of those stacks that is sure to grab your visitor's attention and ensure that your articles are read.

EDIT: Headliner has been updated to include adjustment of the spacing between the image and the headline, plus an option to set a background image.

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

Open Street Maps in RapidWeaver

With GDPR hanging over our heads like the Sword of Damocles, many Weavers are looking for a way to escape the grasp of that rapacious corporate giant, Google. One place to begin is with online maps. Although Google Maps are free of charge, there is a certain cost associated with using the mapping services. The cost of privacy and loss of control over what we see on the map. In the end, Google is an advertising company and it uses our IP address, geographic search results and location information for marketing purposes. It also chooses which data are relevant to you rather than displaying on the map what is actually around you.

As an alternative to Google Maps, there is Open Street Map [OSM].
More and more major organizations are choosing OSM for their maps. In February 2012, Foursquare switched to the OpenStreetMap powered Mapbox platform. In March 2013, Wikipedia started using OSM as well. Craigslist uses it for apartment searches and even Apple has used OSM data in its maps… Other popular platforms using OSM powered maps are Github, Pinterest, Roadtrippers and Strava, to name but a few.

I spent the past week looking for ways to implement OSM into RapidWeaver and then, just this morning, Instacks' OpenStreetMap stack flattered into my mailbox. I felt quite sure that there was once an OpenStreetMap stack, but it seems to have disappeared. But the Instacks' stack takes OSM to the next level…

OpenStreetMap arrives with links to 28 map-tile-servers [MTS], plus 'Custom/Mapbox' and Mapbox was just the service that I'd been assessing. You can add up to ten unique makers to a map and each marker may be linked to a URL, making store location a breeze.
What are 'map-tile-servers'? I hear you ask.
MTS are providers that offer overlay options for OSM. The overlays contain different options such as geological structure, place-names in different languages, points of interest, etc.

Two of the included MTS, Thunderforrest and Mapbox, require either an API, or an account. Both are absolutely painless and free of charge. The map below uses a tile overlay from Mapbox that, alongside street names and places of interest, also displays geographical date such as elevation lines.


OSM - Instacks

Stack settings
Tile Server – 28 options plus Custom/Mapbox
Optional API Key
GPS Coordinates
Zoom – default 15
Height – Lg . Desk, Desk, Tablet, Phone
Marker 1 [through 10]
[GPS] Position, Marker Text, Marker Link, Marker Colour (choice of 8 colours – custom image sadly missing)

Do you wish to gradually free yourself from the fangs of the ravenous giant mentioned above? Then OpenStreetMap is a good place to start! The default maps (German server) are great, but there are also many, many options to choose from for the map display.

I, for one, shall be switching to OpenStreetMap on my next site!

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.