Clicky

RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Image Card. A Free Weavium Stack For RapidWeaver

We talked about Weavium yesterday. They are a relatively new stack developer with a few new, but really interesting stacks. Two days ago Image Card was announced as a free stack. I've taken a look at Image Card and while it is a very simple stack, it's also quite unique.

Image Card. What does it do? It displays an image with a colour overlay, a text and a link icon.
But it does the above in a unique way.
Supposing you have an image gallery, or a portfolio, or you'd like a navigation grid to other pages…
Drop Image Card into a Stacks page and add an image to it. You can add a colour overlay and a title, or a short text – link is already provided – and you have a cool link box to your new page. It is even animated – the whole card moves up, or down when hovered.
Images scale within Image Card, to fit the longest dimension. But as you are able to set the card's height, you can make adjustments to the image display.
Weavium Image Card

Stack settings

General
Fill Mode – Percent, Pixel
Percent/Pixel Width
Alignment – Left. Centre, Right
Image – Drag & Drop
Set Link

Card
Mobile/Tablet/Desktop Height – px
Margin – Vertical, Horizontal
Padding – Vertical, Horizontal
Overlay Type – Gradient, Colour
Overlay Colours/Opacity
Drop Shadow

Caption
Hide Caption
Title Font – Choice of 14 Fonts + Custom
Font Weight
Mobile/Tablet/Desktop – Font Size, Line Height
Text Shadow

More Button
Hide Button
Button Size
Icon Size
Button Radius
Border Thickness
Hover Icon Colour

Hover FX
Overlay Opacity
Shift On Hover
Shift Amount (px)

That's a pretty impressive list of settings for such a simple looking stack and just goes to show how seriously Weavium takes their work.
What's more – Image Card is free!

Flexible Grid Stack For RapidWeaver

"I'll be back…", he said. And here he is as Gridinator! You may already have heard about Weavium – they are a new stacks developer with currently four stacks in their lineup. They're so new (a couple of months), that they aren't even listed on RapidWeaverCentral yet (shame on you Marten…) and little is known about them/her/him.
Weavium announced two stacks yesterday 'Image Card' and 'Gridinator'. More about Image Card at a later date.

Gridinator is, as the name implies, 'The Simplest And Most Robust Grid Stack That You've Ever Seen' (taken directly from the developers web page). And it is great stack.
Build a grid with up to 50 (in words – fifty!) columns and fill the columns with whatever you please.
A single column can span multiple grid sections making Gridinator very adjustable. Build just about any page structure that you can imagine.

Weavium Gridinator

The page section pictured above was built in just five minutes without having previously read a manual. And that includes the addition of Image Card (left column).

When you drop a Gridnator stack onto your page, you'll see a container for the first column, into which you can drop your stacks. The + button will add a child stack for the next column. The stacks interface is rather interesting – it displays a simplified image that shows how Gridinator will display on a desktop, tablet, and mobile.

Weavium Gridnator
Stack settings

Trouble Shooting
Show Edit Helpers – Displays a frame around each column in both edit and preview mode and displays the breakpoints.
General
No Outer Gutters – Deactivated by default
Max Width
Tablet Break
Mobile Break
Columns > Desktop – Number of Columns Per Row
Gutter Width – Left, Right
Column Padding – Horzontal. Vertical
The Column settings are repeated for Tablet and Mobile.
And that's all there is to it.

Weavium has a special introductory offer with 25% off – and the offer includes Image Card. So grab it while its hot. You won't be disappointed.
And about Image Card — I'll be back…

Comments

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

RapidWeaver And Font Awesome

Yes, I know what you're going to say – there are already half a dozen FA stacks out there and many themes already have Font Awesome built in. But once again RWExtras has created something that's a little different.

Font Awesome is the fourth stack in my library with this same name and is one of seven, when I search for 'Font Awesome', but when you drag the teal coloured flag icon onto your Stacks page, you'll have a Font Awesome Icon that stands out from the rest.

RWExtras Font Awesome

Possibly the easiest and most flexible way to get Font Awesome icons into your projects! RWExtra's Font Awesome stack is ideal to use for setting up individual icons as buttons, column headings and floats. A plethora of powerful settings permit you to apply some quite sophisticated styling and positioning to your icons. Plus you can do fancy things with this stack; like mouseover transparency effects, shadows, fade animations, stacked icons and rotations. Best of all, everything you generate with this stack works with all major web browsers and completed icons are retina display optimised.

RWExtras Font AwesomeNot only is Font Awesome simple to adjust to your exact requirements, it's also flexible enough to stack icons atop each other.
And the icons can rotate. Either to a set value, or on hover; or endlessly.
This stack doesn't really need any instructions. Just drag and drop it into a page. Select the stack in edit mode and take a look at the settings panel. Move your mouse cursor over each setting, to read an informational tooltip about what it does and you'll will quickly discover that there are a huge number of different options to play with! Changes to the settings take effect in both edit and preview modes.

Stack settings

Icon Markup – your Font Awesome code
Create Stacked Icons
Make The Icon A Link
Apply Dimensions – Container Width/Height
Float Alignment – Left/Centre/Right
Custom Background Fill – Normal/Hovered

Custom Border
Border Colour – Normal/Hovered
Border Radius
Border Width

Custom Colouring
Icon Colour – Normal/Hovered
Stacked Icon – Normal/ Hovered
Icon Sizing – Font Size/Line Height (px, rem, %)
Rotate – Orientation – Normal, Rotate 90º, Rotate 180º, Rotate 270º, Flip Horizontal, Flip Vertical
Spin Icon Infinitely

Shadow Effect
Shadow Size
Shadow Colour
Transitional Effect – Animation Speed

If you frequently use FontAwesome Icons, you're going to love Font Awesome

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.