web counter
FullPage Stack for Single Page Websites
My Image

All the latest RapidWeaver Stacks reviewed,
plus the most important community news …

Stay up to date with current RapidWeaver developments

FullPage Stack for Single Page Websites

Fullpage stack from CosCulture, Review By Rob Hall, CEO at rjh Web Design Rating: 5 out of 5. FullPage is a lightweight alternative to Screens. There are no bells, no whistles, just a functional, responsive single page website solution.

Competition stimulates business and diversity of choice is always positive. So CosCulture's Fullpage Stack was greeted with great interest by the RapidWeaver community yesterday. FullPage was immediately compared to Screens, which I reviewed just recently – why?

FullPage Stack is another suite of stacks that enables Weavers to build single page websites. And, if I am honest, it is a very interesting solution – not least, because of its price.

FullPage Stack consists of four stacks: Fullpage Init, Fullpage Content, Fullpage Horizontal Slide and Fullpage Video.

Working with FullPage couldn't be easier. The Init stack goes to the top of the page, then you can add a Content stack. Your page content is added to the Content stack and is automatically vertically centred. 

Further Content stacks are then dragged into your project as you need them.

To add a horizontal slide, you will first need a Content stack; you can then add as many Slide stacks into the Content stack as you need. Your page content is then added into the slides.

It is interesting to note that horizontal slides have, in actual fact, a static background. The content slides in over the background – unless you add a background image to the slide and then the background image slides in. A nice effect.

Both the vertical and the horizontal slides cycle through to the first slide when the last slide is reached.

FullPage

FullPage Init adds the code to the page that enables the Fullpage sliders, it also has HUD settings that control the appearance of the page navigation, enables the site's menu and enables a footer. Full page Init also has an option to autoplay the pages – either vertically, or when you've added horizontal slides, horizontally. There is also an option to set the page transition speed – an idea that I like.

The pagers – the optional dots that let you recognise which slide you are viewing – are minimally customisable. The default setting for the pagers is a round dot 12x12px, when active, 4x4px when passive. When you set unequal measurements, the dots become elongated.

The size and colour of the navigational arrows for the horizontal slide are also edited in the Init's HUD.

If the Menu option is activated, the standard RapidWeaver project menu is added to the top of the page, allowing you to navigate to other project pages. Navigation between the  FullPage slides is not a standard option and would need to be added via link anchors, if necessary.

If the footer option is activated, a stacks well appears in the Init stack where you can add your content. Both the Menu and the footer remain static when the slides change. Both are customisable.

The  FullPage Content stack had me confused for a moment. I dragged some text into it, went to preview and was presented with a black page? I returned to my layout, set the background colour and oops, the page was still black. It isn't until you scroll down to the bottom of the HUD that you find the background settings for the content. You can set a Background image and/or colour. If you set a colour and a background image, you will see the colour load before the image loads. The Content stack doesn't have any further settings.

The  FullPage Horizontal Slide is dragged into a Content stack and is, in fact, much the same as the Content stack, the only difference being that you can add a background image but not a colour.

The  FullPage Video Stack is also added to the Content stack. The Video stack will play mp4 files from the RapidWeaver Resources or via a URL. Two separate placeholders are already added to the stack, don't forget to delete the one you don't need. Videos are scaled to fill the page and will automatically loop.

On mobile devices that don't support video backgrounds, the Video stack is automatically deactivated and the an image or a background colour will be displayed instead.

FullPage is a lightweight alternative to Screens. There are no bells, no whistles, just a functional, responsive, single page website solution. Well worth a look at.

blog comments powered by Disqus

Links to the developers ® All trademarks cited on this page are the property of their respective owners.

Subscribe to Ninja News
or ask a question

Hi, I’m the Ninja Bot. What’s your name?
image/svg+xml
Nice to meet you, [1-1]. Could you tell me your mail address?
image/svg+xml
[1-1], would you like to subscribe to the monthly Ninja Newsletter?

Yes, I would like to receive your monthly newsletter.

No thanks, I’m good for now. I have a different issue.

image/svg+xml
Thanks for your support, [1-1]. Is there anything else I can do for you?
image/svg+xml

[1-1], thanks for subscribing. If you made a further request, I’ll get back to you – typically within 24 hrs.

image/svg+xml
Name: [1-1] [1-2]
Email; [2]

Contacted you via the Siphon form at Ninja News.

I would like to subscribe to the Ninja Newsletter

Message

[4]
I’m sorry tohear that, [1-1]. How may I help you then today?
image/svg+xml

[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.

image/svg+xml
Name: [1-1] [1-2]
Email; [2]

Contacted you via the Siphon form at Ninja News.

I don’t want to subscribe to the Ninja Newsletter right now.

Message

[6]

Thanks again for contacting us. Your request was successfully submitted.

My Image

Looking for Inspiration?

Looking for Inspiration for a new site, or need a CTA
really quickly?

Contact Information

rjh logo

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—17

Powered by rjh-design

This website was built with loving care on a Mac using Foundation. For more information, contact me.

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.

View previous campaigns.

Subscribe to the Ninja Newsletter

* indicates required