Storm is Waterfall enabled

Details

Theme name: Storm
Current version: 3.1
Last updated: 29th January 2015
First released: 9th July 2010
Compatibility: RapidWeaver 5.4 & 6+
Responsive: Yes
Doctype: Valid HTML5
Font Awesome version: 4.3.0
Bootstrap version: 3.3.2
Usage agreement: Click for details
Example website: View online
Download example website: Click hereThis link will download the same RapidWeaver sandwich file we used for the example website. It may give you a good illustration of how the example website was created and a useful template to start building with.

Support links

10 minute theme quickstart guide
Complete theme user guide
One-to-one technical support

Resources

Bootstrap code snippets
ExtraContent stack & snippet pack
FreeStyle banner stack

Share


* This price includes any applicable VAT, if you're buying from Europe.

Introduction

This is a particularly bold RapidWeaver theme with emphasis on professional web font faces, a highly customisable FreeStyle header container and a completely fluid page layout. A simple animated fly-out navigation layout has been deployed, enabling end-users to quickly navigate websites built with Storm. Under the surface, you'll find lots of very useful theme style and colour settings available; giving you the ability to customise a great many aspects of the theme and build exceptional websites of professional quality.

Mobile first

Storm is a mobile-first RapidWeaver theme, meaning that we target smaller devices (like smartphones and tablets) with style and layout code first, before moving onto larger screen sizes. This ensures the fastest, the most flexible and the most efficient webpage rendering for all of your website users; of paramount importance now that handheld devices makeup a significant share of website traffic.

On smaller tablets and smartphones, the sidebar container is rendered under the main content container. The block navigation links are reformed at the top of the page, as a simple toggle open / close accordion unit. Aspects like the header and content containers resize to fit the screen. The free demo version of Storm provides an excellent insight into what this sophisticated theme is capable of, on a variety of screen sizes.

CMS friendly

Are you building a website and want others to have the ability to login and edit it? Storm is one of the most CMS-friendly themes available to build with. CMS stands for 'content management system', and is a method of updating content outside of RapidWeaver. Storm works with all the popular CMS solutions available for RapidWeaver, including (but not limited to) RW/Writer, PageLime, Armadillo and the warehouse module in WeaverPix. This is great news if you want to remotely post new blog entries to your website or periodically update your photographic galleries while on the road. CMS systems like Armadillo are able to reuse aspects of the theme (like the navigation menu) and dynamically populate them with your page navigation links.

Header container

Storm comes supplied with 40 example banner background images (numbered 1.jpg - 40.jpg). As always, you can use any of these example banner background images in your projects or use your own images in the banner instead. To use your own images, place an image in ExtraContent2 or use the FreeStyle banner technique (detailed in the theme user guide). Your banner images will be scaled responsively and can also be enhanced with title and ALT attributes for the benefit of search engines. Another trick you can perform is to enable the Banner Content Box in the theme settings; which displays ExtraContent3 as a semi-transparent box over the banner image; great for social networking icons or important messages.

Navigation

Storm uses the recently announced RAFT 2.0 (responsive adaptive framework for themes) plugin, for the website navigation. On mobile devices, the website navigation is presented in the form of a simple toggle / accordion style menu, to conserve screen space and allow users to easily tap and drill-down to lower levels of the website. On screens greater than 768px wide, an animated fly-out menu is used. The fly-out menu is able to support links than span multiple lines, Font Awesome icons and automatically displays a chevron icon against all links with subpages available. The navigation menu has been carefully crafted to facilitate ease of use on all screen sizes.

Many aspects of the navigation menu can be customised, using the provided theme style settings. The font size (for the fly-out menu style), fly-out menu width and all navigation colours can be customised. Miscellaneous style settings are also included to animate the indicator chevrons or hide them completely.

Sidebar

By default, the sidebar is 20% wide and floated to the left of the main content container; encompassing some logo placeholders, the website navigation, some ExtraContent containers and the sidebar content. These sidebar settings take effect on all screen sizes greater than 768px wide. On screen sizes less than 768px wide (like tablets and smartphones) the navigation unit remains at the top of the page, whereas the sidebar (which normally contains content of lesser-importance) is moved downwards to below the main page content container.

Tip: The website navigation always remains at the top left of the page, to permit the fly-out menu's to open correctly. If a right sidebar setting is used, care should be taken to ensure that the height of the main content container always exceeds the height of either the navigation or sidebar content contains, on either side.

Embedded Fonts

Storm provides the option of embedded web fonts. We use Oswald for headings and Source Sans Pro for all other body content and navigation. Embedded web fonts are a growing trend and can give pages a professional touch. Using the Google Web Fonts service provides a straightforward method to get these fonts embedded and less problems with licensing. You can modify the embedded font faces used (swap them for others) by opening the theme contents (see the Wiki if you don't know how to do this), navigating into the CSS folder and then editing the embedded.css files stored in body-fontface and title-fontface folders.

Tip: You can preview embedded font faces in RapidWeaver by downloading them from the Google Web Fonts website and installing them on your computer. Then when you're previewing your website in RapidWeaver or you're without an internet connection, you'll still be able to see what the fonts look like.

Print output

A lot of RapidWeaver themes fail really badly when it comes to printing; frequently resulting in horrible messy printouts which are as good as useless. Storm includes special CSS code for printing. This code hides nonessential items like backgrounds and page navigation links. Complicated layouts like columns, sidebars and floats safely degrade to a single column. Easy-to-read font faces and colours are applied, together with extra features like displaying URL's after links (so people receiving a printout of your website can go back and visit the links later). It's these small details that can make a big difference.

Other details

Storm uses valid HTML5 markup; for the best possible performance on modern web browsers and excellent compatibility with a wide range of RapidWeaver addons. This theme has been tested and confirmed to work reliably in IE7, IE8, IE9, IE10, IE11, and the latest versions of Chrome, Firefox, Safari and Opera web browsers.

Work has been done in the theme to optimise page loading and reduce the overall bandwidth of pages. Internal theme components like stylesheets, Javascript and images have been optimised for the smallest possible file sizes. We call files like Javascript at the end of pages, so that your content loads first. This gives pages a fast and 'snappy' feel to them. jQuery Javascript code within the theme runs inside its own namespace and closure, to greatly reduce the risk of conflicts with other scripts added to pages.

Website accessibility is a vitally important factor when publishing content online. Storm makes use of ARIA landmark page roles, to help guide screen readers and other assistive devices. Simple site navigation structures ensure that users can easily find their way quickly around sites build using Storm. Optimisations have also been made for the benefit of search engines indexing website published using Storm.

More

The free demo version of Storm can be downloaded using this link. You can install the theme in RapidWeaver 5.4 or RapidWeaver 6 to experiment with the theme, explore all the settings provided and test it against real content and plugins. There is no time limit imposed on the demo version, but page navigation links are disabled in the demo version. Watermarks may appear periodically in parts of the page (like the banner or footer). Purchasing Storm using the button towards the top of this page provides you with a licensed copy of Storm; without any demo restrictions applied.

Clicking the banner at the top of this page or this link will take you to a sample website published using Storm. This may give you a better insight into how this theme looks and responds. If you're interested to see how the demo website was built, the same project file can be downloaded here and opened in RapidWeaver, on your computer. Some people find this very useful to use.

Storm is currently supplied with a 15% discount code for the latest version of WeaverPix. The theme also includes free usage of the FreeStyle banner stack, which normally retails at £10.00 GBP. If you require help with purchasing Storm, please click onto the support page and click the 'purchasing help' tab for more information. Likewise if you have any other questions about Storm, please don't hesitate to ask.

* Purchases of Storm includes any applicable VAT payable. EU customers are legally required to pay VAT on digital downloads and electronic services. A full VAT invoice will be provided, so that you may claim-back any tax paid (if you're VAT registered or a charity / non-profit organisation exempt from paying VAT).

Free theme updates

Updates for the Storm RapidWeaver theme are free for all existing users. Theme updates are periodically released to introduce new features and maintain compatibility with the latest RapidWeaver addons and web browsers. You can tell if an update is available for Storm, by comparing the number shown next to the theme name in the RapidWeaver theme panel, compared with the version number shown on this page. Generally theme updates are not sent out automatically, because previously it was found many of the emails went missing in junk or spam mail filters. Instead you're invited to check for Storm updates yourself, and download them at a time convenient to you.


Updating using Waterfall

Waterfall is a small plugin for RapidWeaver 6, available to purchase from the Nimblehost website. Once installed and added to a project, Waterfall will check the version number of Storm, against the version number shown on this website. Waterfall will download and install the latest version of Storm; which will be ready the next time you restart RapidWeaver. Older versions of Storm will be moved into the /Waterfall/Backups/ folder, in your RapidWeaver addons folder.

Please note that Waterfall update checking only works on themes installed after 10th January 2015. Free demo versions of Storm and copies of Storm installed before 10th January 2015 will not check for updates automatically. Waterfall will only update original themes; those which you have previously duplicated and renamed for modification will not be updated.


Updating using your Paddle locker

If you obtained Storm on or after 10th January 2015, you were invited to provide your email address and a password during the checkout process. With these login credentials, you can access your Paddle Locker. Paddle is the payment and shopping cart provider used on the ThemeFlood and Stacks4Stacks websites. Once you're logged into your secure locker, you can easily re-download Storm again. The download link always points to the latest version of the theme. You can change your email address or password at any time in your Paddle Locker too.


Updating manually

If you obtained your copy of Storm before 10th January 2015, you may need to be issued with a new download link. E-Junkie download links no longer work. Please get in contact via email and provide details of the theme update you want and provide proof of purchase. Proof of purchase can comprise of your invoice or receipt; or alternatively the name and email address of the purchaser. If no proof of purchase can be located, please purchase the latest version of Storm from this website.



Theme compatibility

Storm has been diligently developed to work reliably with all major web browsers; ensuring your completed website will look and function to a high standard. Because Storm is responsive, you can expect it to work well on screens of various shapes and sizes. In particular, you can expect Storm to work well in the following web browsers, which we've tested the theme with:

  • Internet Explorer 9
  • Internet Explorer 10
  • Internet Explorer 11
  • Safari 8
  • Chrome 40
  • Firefox 35
  • Opera 27
  • Maxthon 4.4
  • TorBrowser 4.0

Storm has been tested on various popular handheld devices, including a mixture of Apple and Android tablets, iPods and smartphones. Particular attention was paid towards how easy it is for users of these touch devices to navigate websites published using Storm. You should find pages published using Storm load quickly and consume less bandwidth, compared with many competing RapidWeaver themes.

Some scripts used by Storm are 'dual-called'. Using the example of jQuery, some special markup is used in Storm to determine what browser or version is viewing the webpage. We can then intelligently ensure the web browser is served the most compatible and optimised version of the script possible.

As always, final compatibility of completed webpages published with Storm boils-down to several other important factors. The format of content or the type of addons used to build a page can have a significant impact on compatibility (for example, some web browsers do not support embedded video or sound files in particular formats or presentation). Additionally the web server hosting the website can also sometimes impact the compatibility of completed web pages. Likewise there may be occasions when plugins or extensions installed in a web browser cause issues; such as blocking social networking icons from displaying or blocking links from opening in new windows. As always, we invite you to download a free demo version of Storm yourself; enabling you to run more detailed tests against specific content types or addons. We're happy to browser test completed websites published using Storm at no extra cost.


Feel free to use this comment form to ask any questions about the theme, put forward ideas, submit feature requests or post links to awesome websites you've created using the theme. Comments are moderated, so it may take a little while before they show here. If you have an urgent or non-public question, simply contact me directly.

Commenting provided by Disqus