Clicky

RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Page Loaderz for RapidWeaver

Some years ago, I purchased ourGlass from One Little Designer. This was some time before Foundation came along with integrated page loaders. I used ourGlass exactly once. I wasn't impressed by it. 1LD obviously became dissatisfied with ourGlass too because it has just been replaced with Loaderz.

Loaderz is a completely different kettle of fish. It is simple to use, flexible, versatile and comes with 10 different animated loaders.
Flexible? A page loader appears when a page is loading and disappears when it's ready for viewing, right?
Well Loaderz is different. It can, of course, be set up to do exactly what you'd expect it to do, i.e. the above. But what if you've got a video banner on the page that takes an extra second or two to actually play the video? With Loaderz, you can set the length of time that the loading animation should be displayed.

Or let's say that you have a video on your page that's set to display when the page is scrolled down, or a stack that connects with a database and takes some time to load…
… drop Loaderz onto your page, drop your content into it and Loaderz will display an animation until the content has loaded.

1LD Loaderz
Stack settings

Testing – Load Forever (useful for the setup process)
Hide On – Page Load, After Set Time
Position – Fixed, Inline (Wraps Content)
Z-Index – Couldn't count the default number of 0s!
Background – Off, Colour, Gradient, Image
Padding
Opacity
Show Loading Text
Loader Type – 10 animation options – the screenshot above displays 'Android Material' and 'Rotating Circle With Image' You can add your own image, or logo.
Size – Loader Height in px
Max Width – Loader Width in %
Colours – 1,2 and 3
Percentage – Percentage Of Inner Circle

Loaderz is a great option for both page and content loader animations. It is highly configurable and you're likely to see it on one of my next sites.

Comments

Weaver's Space Conference 2017

A few days ago, Joe Workman 'finally' released the videos recorded at the Weaver's Space Conference. The conference took place between September 1st and 3rd and many people, both participants and non participants have been impatiently awaiting the video's release and I've just been able to review them.

This year's conference was as big a success as that from 2016, with many compelling talks on subjects that will interest all RapidWeavers. Don't worry if, like myself, you were unable to visit the conference, you can still get access to the sessions by visiting the conference website.

I just took a look at the 2017 videos and I must say that I'm glad I did. They present a thousand kilos• of valuable information.
So let's take a look at what you'll be getting if you subscribe…

I was a little surprised that the videos aren't presented in chronological order, but that doesn't reduce their value. Here, in the order that they took place, is what I saw.

Day One

Creative Insights With Nick Cates. Nick has some of the cleanest RW themes on the market and during this session he explains how he goes about designing a website and why his sites are so effective. The key to a great site, as we all know, is its presentation and Nick explains how to grab (and hold) a visitors attention.
Of course, Nick couldn't get through the session without plugging Cartloom and used it for many examples, but hey! The Cartloom site is a great, effective site.
Nick also demonstrates three other sites and explains in detail why they are presented the way they are. Watch and learn.

Stacks: Novice To Pro With Isaiah Carew. You work with Isaiah's Stacks regularly, but do you really know how to get the most out of them. On the forums, we often hear how slow RW is. In this session Isaiah demonstrates what is slowing you down, why it happens and – most importantly – how to cure the problem. I assure you that I've already begun to follow his advice and even JW got to learn something new! Watch and learn.

A To Z Of Building Forms With Joe Workman. Joe's session is aimed primarily at Foundation users and he explains in detail how to build effective forms. I've observed myself, that a number of Foundation users don't really lay their forms out, but simply drag the form fields one below the other. Joe not only addresses this shortcoming, but then goes on to explain each of the form stacks in detail. And at the end of the session, there's a 'Geheimtip' a secret tip just for the conference visitors. Watch and learn.

SEO And Meta Data With Brett Carmichael. Brett begins his session by explaining the ins and outs of SSL and just how it will affect all Weavers in the very near future. He then goes on to give you detailed instructions for adding Meta Data to your site. Learn how to leverage the power of not only Google, Yahoo, Bing etc. but also Facebook, Twitter and LinkedIn. If you're not an SEO expert, get ready to take notes and take screenshots of this session. Watch and learn.

Day Two

Artful Web Design With Elizabeth Martinez. If you regularly visit the Weaver's Space, or take part in the weekly hangouts, you'll have encountered Elizabeth. If you've ever followed the links to the websites that she builds, you'll have been struck by how beautifully designed they are. Elizabeth's websites really are works of art. But not only do they look great, they are also extremely functional. Follow Elizabeth's session and learn the thought process behind her sites. Watch and learn.

Modern Web Imagery With Greg Barchard. We all know Greg from Chillidog. Chillidog supplies Weavers with Plugins, Stacks and hosting that is aimed especially at RW sites. Greg is also a great source of information for all things regarding servers. Specifically IP Servers. Probably the one thing that slows down the delivery of our websites is image content. Greg takes a look at how to reduce image size and how to deliver your images faster, he also previews a new stack. Watch and learn.

Design Every Element With Marten Claridge. We all know Marten. He provides Weavers with creative stacks and is the man behind StackCentral – a list of all stacks and stack developers – the place to go, if you're looking for something specific. Marten is also a gifted web designer. During his session Marten explains why the attention to detail is so important. The session is slow to take off, because Marten actually builds a complete webpage with you. But hang in there – the resulting page is amazing! Watch and learn.

Forms With MachForms With Dave Hidding. Dave's is a very specialised topic. Forms. Intricate forms. Weavers have a number of options for creating detailed forms, but sometimes those options are just not sufficient. If you need something more complicated, then you'll need an external solution. Dave demonstrates how to use and implement MachForms. Watch and learn.

Building an Online Course With Mathew Mitchell. Mathew's is also a very specialised session. During the session Mathew explains which applications he uses for his educational web content and how he makes his sites available the specific students taking part in the courses. He also goes into detail about how he structures his courses and – most importantly – why he structures them the way he does. Watch and learn.

Day Three

Common Sense & Pragmatism Andrew Tavernor. Andrew is probably the most pragmatic person that I know. Do you design your website with your user in mind, or do you just open up RW and begin piecing pages together? Andrew's session helps us to understand our visitors, how they approach a web interface (or life in general) and how to cater for said users. If you really want to target your audience, get ready to take notes! Watch and learn.

Managing Project Resources With Paul Russam. Paul's websites will always grab your attention and this is because Paul pays great attention to detail – not only to his websites, but also to his data structure. I have seen a great number of computer users that fill their desktop with files. Some even use the waste basket to store files. Paul gives just as much attention to the structure of his RW projects as he does to their presentation. In this session he demonstrates the tools he uses to manage a project so that each single file may easily be found. Watch and learn.

Professional Client's Areas With Jon Hawkins. Besides its developer, Jon is possibly the person that knows Total CMS better than anyone else on this planet. CMS isn't just about editing a web page's content, it's also about content accessibility. In this session Jon demonstrates how he creates the user interfaces that allow his clients to interact with their sites. Get ready to be amazed. Watch and learn.

Stacks: Pro to Developer With Isaiah Carew. At some point every Weaver has asked her/himself if it's possible to build the stack that does exactly what she/he wants. In this session Isaiah demonstrates just how easy it could be for those that have an even limited understanding of CSS/HTML. Isaiah takes apart an existing stack for us and explains each of its components. He then goes on to change the stack's function and turn it into a completely new stack. Watch and learn.

Email Design With Joe Workman. For years people have wanted to design email newsletters with RapidWeaver. Joe workman's suite of Email stacks now makes the creation of newsletters within RW possible. In this session, Joe takes a look at all of the Email stacks and gives numerous valuable tips for creating the perfect email with your favourite application. A Specialised Topic? Only suitable for Business Mails? Absolutely not! What about those emails that you send out to family and friends at Christmas and Thanksgiving, Dhu'l-Hijjah, or Songkran, etc.? Watch and learn.

Each of the video sessions is around 45 minutes in length and each is guaranteed to give you valuable tips that will either speed up your work process within RapidWeaver, help get your message across to your website visitors more effectively, or give you deeper understanding of what's going on (or what should be going on) behind the scenes.

I guarantee that no matter how long you have been developing websites, or using RapidWeaver, there is a great deal to be learnt from these sessions. And if you want more of this valuable information, the 2016 conference videos are still available too!
And if you missed the link above, here it is in plain text https://sessions.rapidweaverconference.com
*1000Kg = 1 metric ton

Comments

Just In Time – Advanced Publishing for RapidWeaver

Back in February, 2015, I compared five sets of stacks that allowed time-based publishing with RapidWeaver. One of the best of those stacks was Advanced Publisher from Tsooj Media. Advanced Publisher is now even better than before. It has been rewritten and improved by Will Woodgate and has been housed within the S4S stables.

You've prepared an article that you don't wish to appear until August 25th, or you have a special promotion that is only available between September and November and only during business hours. Or maybe you have student's examination results, or study material that should only be available to a specific student, or group of students…

Advanced Publisher from Stacks4Stacks is a suite of five PHP based stacks which will allow you to publish time sensitive content at specific times, or when a URL query is fulfilled.
Because AP is PHP based your content will never be loaded unnecessarily. It will never appear within your code until it is requested. This means that advanced users and hackers can not view your unpublished content until the defined time range has been reached, or the specific URL query has been requested.
The inclusion of the AP Secret stack gives you the option of supplying unique content to unique visitors. You can also create your own tabbed content using AP Secret, to ensure that your pages load faster.

Advanced Publisher

Stack settings

A single Advanced Publisher Base stack must be present on the page containing your AP content, preferably above the other AP stacks. The AP Base stack allows you to set the time zone that your scheduled data will appear in. The time zone can be set to 'Webserver', 'Predefined' or 'Custom'. Predefined gives you a choice of locations from each time zone around the world – including the half and quarter hour steps of some locations. If you choose custom, you can enter the zone manually, e.g. Asia/Kathmandu.

The AP Base Stack can refresh the pages content every n minutes and also has options to display or hide the preview in RapidWeaver and to display the publishing details so that there will be no surprises if you'd forgotten that a previous promotion, or article was on your page. It's interesting to note that the publishing details also include the server's PHP version.

The AP Days Stack is for stacks that you wish to be displayed on Mondays, Wednesdays and Fridays; Mondays to Fridays, or Fridays to Mondays, for instance. The settings panel contains checkboxes for the days of the week that content is to be published on.

AP Days also has a choice of settings to publish content on Even Days, Odd Days, the First Day of the Month, Last Day of the Month, Month Days (with settings for up to four separate days), Particular Month Days (with settings for the range of days) and, as with all of the Advanced Publisher Content stacks, an option to display alternative content outside of the publishing dates.

The AP Time Stack supplies the options for your publishing timeframe. This can be set to
Full Date. Full Date can be set to Display: Not Until (Start Date), Between and Only Before, With a Date and Time Range for each of those settings.
Repeatable Date has the same settings.
Hours and Minutes also has the above settings, but is restricted to a Time Range
Months also shares the above settings, but is restricted to months.

The AP Weeks Stack will allow you to publish content during different weeks. You may choose Odd Weeks, Even Weeks, Week(s) with options for up to four different weeks, Weeks (Not Until), Weeks (Between) and Weeks (Not Before).

The AP Secret Stack will allow you to publish stacks that are only accessible when a URL query is fulfilled. This means that you may either add a specific link to your page to display your hidden content, or you could give your user a page link to access specific content within your page.
The stack settings allow you to define a Secret Key and a Secret Value. Only when both are contained within the URL e.g. ["?secret_key=secret_value"], will your content be revealed.

Note: AP stacks can be nested to further refine your publishing dates. Hence, if you wish your content to appear during weeks 32 and 33, but only between the hours of 9–5, you can carefully nest your AP stacks to fulfil this wish.

Advanced Publisher 4 has been greatly improved over the previous version. Everything that was missing in version 3 has now been added. As Will himself says: It's like having a personal assistant for your website!

Comments

Kick-Ass Gallery For RapidWeaver

Gallery 3.4 for InStacks isn't a new product, but it is an extremely powerful gallery that is constantly being updated. Jannis just updated Gallery again – for Stacks 3.5 and is currently working on a new feature, revising the documentation and working on instruction videos. I just went through the documentation and don't find it lacking in any way, but Jannis obviously has other thoughts.

Jannis describes Gallery 3 [G3] as 'Kick-Ass', so what puts the kick into this stack?
Well, first off, you can choose from 10 different grids, 6 different lightboxes and 5 different sliders.
These choices alone are kick-ass, but then come Gallery 3's integration options. You can integrate G3 with the Bootstrap, Foundry and Foundation frameworks, plus Armadillo, Easy CMS, Pulse CMS, Sentry and Total CMS; and – if that's not enough – Adobe Behance, Apple iCloud and FTP folders. Oh, I almost forgot, you can drag and drop your images directly into G3 too and Thumbnail images are created automatically. Now tell me that's not as versatile an egg*!

Gallery 3
Stack settings

When you drag G3 onto a Stacks page, you'll find a container with two child stacks.
You can play around with the upper container for hours choosing the Grid, or Slider that suits your taste/purposes. There are fifteen options to choose from, five of the options are framework based. Not having all of the Frameworks, I was only able to test the Foundation Grid. However, the other Grids/Sliders offer plenty of choice.

When you've selected your grid, you can open the settings panel – I'd begin with the main G3 panel where you can set the number of columns displayed in edit mode, a smaller grid makes it so much easier to add images.
Main Max Width sets the gallery width, you can add your own size definition in px, %, or rem. Setting 0 allows G3 to fill the container it is placed within.
CSS Filter. There is a choice of 21 different CSS Filters for your thumbnails.
Disable Context menu does just that – your visitor will be unable to right click an image to download it.
Shuffle / Randomize Images loads the images in a different order every time the page is reloaded.

Grid/Slider settings panel. In the settings panel for Grids, you can set the maximum number of columns for four different viewports.
In the settings panel for Sliders, you can set the maximum image height.

The lower child stack is where you add your images. The child stacks include:
Image – drag your images into the child stack.
Image + Thumb – drag and drop your images – thumbnails are automatically created.
Image + Thumb Pro – Drag your images into the settings panel container and add an Alt Text.
Adobe Behance images – Set the API and Project name in the settings panel.
Apple iCloud - Set the URL and number of images to be displayed in the settings panel.
FTP Directory/Web Folder – Set the path and the information to be displayed in the settings panel.
Armadillo/Sentry Integration - No settings necessary.

Each thumbnail is set to Square by default in the image settings panel. If you wish to use the Grid-A-Licious (Masonry) option, you will probably want to deactivate this option for each image.

If you wish to add G3 to one of the CMS solutions available, you'll find detailed instruction on how to do so on the Tutorial Page.

G3 – not new, but freshly and regularly updated. You won't find a more powerful gallery in the RW or any other scene!

*Boiled, poached, scrambled, fried, coddled, 1000 year old, pickled and a myriad of culinary functions.

Comments

Press The Right Buttons In RapidWeaver

Already a month old, I've just been able to test Press from 1LD. Press is a button stack that works with any RW theme. 'But there are dozens of button stacks for RW', I hear you say and you are correct. Press, though, is probably the biggest hit since ButtonMaker graced us with its presence a few years ago.

Press is an extremely versatile button stack that will allow you to create just about any button that you can imagine. Flat buttons are currently the mode (don't worry, fashions change and flat will be replaced by something else soon – and we'll find the new 'modern look' just as cool). 1LD acknowledges the current trend, so obviously, when you drag your first Press stack into a project, your new button will be flat and black.

Want flat with a very subtle gradient, or pill formed with a less subtle gradient, perhaps a patterned background? Not to forget Ghost buttons, of course – they're still semi fashionable; Press can do them all and more.

1LD - Press
And Press doesn't stop at simple buttons, it can build button groups too. If you need to build a menu bar of your own, design the basic button that you'd like, drag a Press Group stack to the page, drag your button into it and duplicate it inside the Group as often as you need it.

1LD Press Group
Stack settings
If I go through all of the settings available in the two Press stacks, you'll still be reading next week.
Press has similar settings to previous 1LD stacks recently reviewed here. The settings groups are:

General
Button Text
Button Icon
Button Initial State
Button Hover State
Button Active State
Animations
Advanced (Custom Classes)
Each of the above groups contains extensive settings.

Press Group contains settings for the Shared Button Styles – Group Radius, Button Margin and Button Padding.
Press group and the contained buttons are responsive, adjusting to all screen sizes. The only thing I miss is an option to display a hamburger on mobile devices.
You can read the full instructions for Press here.

1LD Press Group

Comments

Show more posts

  • Stacks Image 35399
  • Stacks Image 35402
  • Stacks Image 35405
  • Stacks Image 35408
  • Stacks Image 35411
  • Stacks Image 35414
  • Stacks Image 35417
  • Stacks Image 35420
  • Stacks Image 35423
  • Stacks Image 35426
  • Stacks Image 35429
  • Stacks Image 35432
  • Stacks Image 35435
  • Stacks Image 35438
  • Stacks Image 35441
  • Stacks Image 35444
  • Stacks Image 35447
  • Stacks Image 35450
  • Stacks Image 35453
  • Stacks Image 35456
  • Stacks Image 35459
  • Stacks Image 35462
  • Stacks Image 35465
  • Stacks Image 35468
  • Stacks Image 35471
  • weaverthemes
  • Stacks Image 35477
  • Stacks Image 35480
  • Stacks Image 35483

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

x

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.

* indicates required

Contact Information

My Image

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

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