Rails

Elegant On Page Nav

Rails streamlines one page content design, and adds control and context with a navigation list to swiftly move between sections. Customize Rails with over 500 navigation icons, diverse animated transitions, and perfect your layout exhaustive formatting and color controls. Rails creates perfect one page layouts, in any theme, and keeps scrolling down a single page - refreshing easy.

Key Features

Demo

One page site design, in any RapidWeaver theme.

Overview

Some web design trends stay because of how we use things as humans, and one page site design has remained popular because scrolling down a page is refreshingly easy.

A one-page theme could be made, but every theme imposes it's own limitations. For a one page solution that can be used in any theme - we've created the Rails stack for RapidWeaver and Stacks!

The Rails concept is simple, desktop visitors scroll down content sections aided by a navigation list. On mobile devices, the navigation list is hidden for uninterrupted swipe down behavior.

Rails streamlines one page content design, and adds control and context with a navigation list to swiftly move between sections. Customize Rails with over 500 navigation icons, diverse animated transitions, and perfect your layout exhaustive formatting and color controls. Rails creates perfect one page layouts, in any theme, and keeps scrolling down a single page - refreshing easy.

Getting Started

Create a Stacks page in RapidWeaver, then add the Rails stack. You'll notice Rail Items on the left, and Rail Sections on the right, add more items and sections as needed, they'll automatically number and link together. Once you fill in item titles and content - you're up and running!

Go beyond basic setup by adding Font Awesome to your Rail Item titles. Rail Items can also link to other site pages, or an external URL. Other controls include, Rail Item width, alignment, easing animations, borders, unique separators, generous color controls, and more.

You can even add other stacks above and below Rails - like a footer stack for a finished site look. Again, the best part is - a Rails layout can be used in virtually all your favorite RapidWeaver themes!

Usage Notes

1. Rails does not hide content like an accordion or tab based container. Search engines have trouble indexing hidden content. Rails streamlines one page content design and adds a navigational list to swiftly move between sections. Keeping all content visible on a webpage is excellent for SEO (Search Engine Optimization), and allows content access with simple scroll down and swipe gestures.

2. Rails can only scroll down if the content exceeds below the screen. You might setup a Rails layout for the first time, and find the navigation is not scrolling or moving between sections. This is normal, and is due to your page content being shorter than your screen. Once page content exceeds the past the screen, Rails can then scroll to access lower page sections. There's even an "Extra Bottom" setting in Rails to help aid the scrolling effect.

3. Rails does not change the natural behavior of scrolling or swiping. Some websites "sense" when a user scrolls or swipes, then manually transitions to more content - it's a very controlled experience. In short, I hate this method, and will never create a product that hijacks scrolling.

4. Sometimes a completely one page website is not practical. If you feel a product or topic should be given it's own separate page - your probably right! It's perfectly fine to mix one-page content design into a site with multiple pages, this is a standard practice for Apple, Audi, and Ford websites - just to name a few.

5. Rail Items can link to Sections, other site pages, or an external URL. It's recommended to place links to other pages - at the end (or bottom) of the Rails Item list for visual clarity.

Compatibility

Only one (1) Rails stack layout can be used per Stacks page. Rails does not support IE8 or below. Rails has been compatibility tested with all built-in, and select 3rd party, RapidWeaver themes. Themes with sticky navigation should not present an issue, Rails has independent offset controls to always keep content accessible. After testing, we'd call Rails "highly compatible" with other themes, with a few key exceptions.

⚠️ Rail Items should be limited to 8 items or less, to prevent cropping of lower navigational items on narrow height screens.

🚨 Rails is not compatible with themes where... main content is inside a fixed positioned container, or with themes that animate the outer main content container. These cases are rare for a theme, but if concerned, you can ask the theme developer.

Settings

Rails has 3 main stack settings: Rails, Items, and Sections. The "Rails" settings control the overall one page layout. "Item" and "Section" settings, provide unique control over each Rail Item and Rail Section.

Rails settings.

Reviews

We have recently started gathering reviews for our products. So if you don't see a review above, be the first to submit a review and let others know how you like this stack.

Screenshots

Tutorials

Loading...

Downloads

Updates

See all updates Thanks!

You may also like…

Subscribe

For product releases and updates by email, please subscribe below.

© 2024 Weavers Space | Terms of Service | Privacy Policy