As with Splash, Percept allows content pages to be either standard RapidWeaver, or Stacks pages into which you can add any content of your choice, including the Section and Slider stacks that come with the theme. And just in case my review in March was unclear, this means that YES, with the help of the Modular Header and Footer pages, by using the Modular Conditional stack, you can add any stack you wish to the default RW pages such as the photo album or blog.
Percept is great looking theme. One, or more Percept stacks are inserted into your Header page. By using the Condition stack, you are able to define which Header is then inserted into each page and the Percept stack gives you the possibility of configuring each of the inserted Headers. The same is, of course, true for the Footer page. I mentioned the Modular Section and Slider stacks in March, so I don't need to go over them again.
A lot of thought has gone into Percept and I have to say that I'm more impressed by it than I was by Splash, partly because it is straightforward without the gimmicks. It's ideal for the presentation of photographs or portfolios without the distraction of the permanently moving wave that Splash displays.
Percept comes with a starter project that already contains the necessary Header and Footer pages and is already set to use .php as the default setting. PHP is necessary to ensure that the Header and Footer are loaded into each of your pages. The starter project makes the initial setup a little simpler.
If you want to use the RapidWeaver default pages alongside Stacks pages, but wish to customise them, 1LD's Modular concept is a great way to go. Percept is just the second of, hopefully, many themes that are yet to come. As I said last time it doesn't have the steep learning curve that some frameworks have; it can be used with standard RW pages or with Stacks pages, but it is flexible enough to build even the most complicated page.
PopView – never an especially cool name – eventually morphed into "Limelight" and was tested by others, who also had questions and suggestions and so the launch was delayed again and again until we had a stack that is almost entirely different to the one that saw the light of day. But that's just the way with BWD. An idea is born, then it is tested and re-tested until finally – and only when Andrew has decided that it is ready – it is sprung upon an unsuspecting public.
Twelve months ago Limelight was already the perfect stack for lightboxing anything – anywhere. It can display text/image combinations; it can display Google maps; it can display iFrames; heck! it can display anything and everything with lazy loading – i.e. instantaneously!
When Limelight finally received its production name, I built two pages in anticipation of its imminent release: Galleries and Tabs, but then other testers joined the fray and numerous other changes took place.
So what happened along the way?
Rob: Hi, Andrew, I have twelve images which can all be viewed within PopView/Limelight. It would be cool, if I could navigate from one image to the next.
Andrew: It's supposed to be a simple lightbox, not a slideshow!
Rob: Well that's a shame. How about the Google Maps – they take an age to load?
Andrew: Let me look into that…
Two days later and "Limelight" can navigate between images in a lightbox and Google maps are lazy-loading. I.E. if either an iFrame, or a Google map is called via a Limelight lightbox, it can be set to preload with the page and can be viewed instantly when a Limelight stack is opened.
Limelight is a lightbox stack. It will change the way you perceive lightboxes – it's the most flexible lightbox available.
Limelight comes with its own launcher and visibility stacks and can easily be launched by adding a Class to a link. It also arrives with Limelight Bar, which can add buttons or tabs to your lightbox.
You can have a Limelight that covers your page, as with regular lightboxes, or have it open within a SectionPro or a Blueprint. Limelight stacks can be nested so that one, or more can open within another*. I could probably go on for hours, but I'll let you make your own discoveries…
Limelight is without a doubt my favourite, the most flexible lightbox available. No matter what I want to display, it's there instantly. Hardly a site goes by without me having to plant a Limelight firmly within its pages. Most of the rjh-store is based on Limelight.
After numerous Limelight beta iterations these two pages have been completely rebuilt: Galleries and Tabs demonstrate some of the capabilities of Limelight and feature nested Limelight stacks.
You can receive a download link to my gallery projects free of charge, you just need to contact me.
The Tabulated content will be available in just a few days…
Easier said than done! That would involve standardised image names, set sizes and the manual production of corresponding thumbnails…
… but wait, everyone and his dog seems to have an Instagram account theses days and Weavium has just released a flexible new Instagram browser.
Instagram Vista displays either a slider or a grid of Instagram thumbnails which, when clicked open up in a fullscreen lightbox.
Each of the thumbnails has a floating (or inline) caption with the date and number of likes and, when hovered will display either the image comment, or the tags.
When in slider mode, Instagram Vista displays a row of thumbnails (the number of columns is up to you) which can be navigated with arrow buttons or, on touch devices, by swiping. The view can be switched to grid view and back again with the click of a button. Apart from the navigation the stack's header also displays the Instagram avatar and user name.
Setup is simple. You will need your (or your client's) Access Token which Instagram makes difficult to discover. Luckily there's a tool at http://instagram.pixelunion.net/ that makes life easier: Log in to your Instagram account, then go to pixel union and with the click of a button, you'll receive your Access Token. Copy ALL of the 51 characters into Vista's control panel and you're ready to go!
As to be expected from Weavium, All background, control and text colours and all fonts can be customised until you have your very own Instagram Vista.
# Of Images
Use Dummy Content For Editing
Max Width – px
Radius – px
Avatar – px
User Name – px
Controls – Button, Icon – px
Control Radius – px
Control Breakpoint – px
Post Style – Floated, Inline
Initial View – Slider, Grid
Hover Content – Caption, Tags
Columns – Desktop, Tablet, Mobile
Breakpoints – Tablet, Mobile
Gutter – px
Image Radius – px
Detail Padding – Vertical, Horizontal
Detail Heart – px
Colours & Fonts
Instagram Vista, a great way to add Instagram to a RapidWeaver project.
Assemble offers up to 17 different animations which can be staggered and offset. Assemble also allows you to set the Target mode. The result is an almost endless array of settings. But perhaps the most interesting fact is that it's possible to manually choose elements and/or list classes to let the stack know which partial segments should be animated.
The whole process is relatively complicated to describe and a picture says more than a thousand words, so why don't you take a look at the Assemble demo page to see what Assemble can do. I promise that you won't be disappointed.
[Animation] Type – 17 options
Speed – ms
Stagger – Adjust the total possible time between the first segment animation till the last. 1000ms would mean each segment will animate randomly in between 0 and 1000 milliseconds. Decrease this value to have the segments animate closer together
Offset – Adjust the distance from the top of the browser window the animation initializes. 100% will cause the animation to start as soon as it is inside the browser window. 30% will cause the animation to start only when the element is in the top half of the window
Target Mode – Automatic Segmented, Automatic Whole, Manual Segmented
If you're into animated page elements, Assemble offers a few innovative options which, when used sparingly, can make your page all the more interesting.
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