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.
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
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.
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.
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…
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
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…
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.
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).
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!
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.
Rotate Automatically (Autoplay)
Rotation Speed – Default 4000ms
Rotat Direction – Horizontal, Vertical
Slider Mobile – Breakpoint
Article Mobile – Breakpoint for child stacks
Padding – Vertical, Horizontal
Headline Shadow – x, y, Blur, Spread
Headline Size – Desk, Mobile
Toggle [Font] Size
Toggle Padding – Vertical, Horizontal
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.
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.
Tile Server – 28 options plus Custom/Mapbox
Optional API Key
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!
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
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?
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.
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—16