May 22, 2013

jQuery-Animated Header Images – Part 1

Part 1 of our Mini Series on jQuery animated header images. No Flash required! ;-) (sorry Adobe…) In this video tutorial I go over a bit of history of what works and what issues arise from previous installations. We get the animation working and solve one of two issues. In Part 2 I will solve the “ugly page load” issue.

Please Login or Register with SupportCasts to view the rest of this content.

CSS3 – Pure Horizontal Accordion

A very nice horizontal accordion with no jquery, mootools or other scripts. Compatible with all modern browsers.

In this video tutorial we will show you have to make adjustments to colors and the size of the accordion to suit your site.

Link to Developers Site – Click Here

You can get all the CSS and the unordered list at the link above.

Please Login or Register with SupportCasts to view the rest of this content.

Slide Out Navigation with jQuery

This is a beautiful navigation script from Codrops that sits nicely on the left, or top, of you RapidWeaver project.

In this video tutorial you will learn how to get all the elements in place. I’ll also show you that you can use both styles on one Rapidweaver page.

Grab the downloads and lets get started…

Don’t forget to grab the icon sets from DryIcons.

Those links are on the Codrop tutorial page below.
Codrops Website

Please Login or Register with SupportCasts to view the rest of this content.

RWBasics014 – Photo Album

The Rapidweaver Photo Album page style can help you make great looking photo albums or slideshows quickly and easily. In this video tutorial we show you how to setup the iPhoto Album or a Custom Album.

This is the 14th tutorial in the new updated series.

Please Login or Register with SupportCasts to view the rest of this content.

A Tip on the SeyDesign “Flavorite” Theme

The Flavorite Theme for Rapidweaver from Adam Merrifield, over at seyDesign, has a hidden nugget that can be used within the site layout.
Join me as I show you how you can use Adam’s hidden gem in you website design.
And watch this video tutorial and the RapidWeaver Stacks Forum for a free Stack, and Snippet, to help you use it in your web sites.

CMS004 – PulseCMS and CKeditor

In this video tutorial we will look at how you can update PulseCMS from the basic version of CKeditor to the full version.
CKeditor is available for download at: http://ckeditor.com

Please Login or Register with SupportCasts to view the rest of this content.

CMS003 – PulseCMS Updated

The timing couldn’t have been better. Mark over at PulseCMS has updated both the Free and Pro versions.
In this video tutorial we will look at what he’s fixed and added. We will also take a look at the best way to perform the update.

Please Login or Register with SupportCasts to view the rest of this content.

RWBasics013 – Quicktime Movie Page Style

This Quicktime page style allows you to add a single movie to a single page in your website. You can set it to autoplay, show/hide controls, help protect it from being saved online by others (kiosk mode) and save for “fast start”

This is the 13th tutorial in the new updated series.

Please Login or Register with SupportCasts to view the rest of this content.

RWBasics012 – iFrame Page Style

This page style for your website allows you to display any other webpage inside your site. This can also be useful for allowing someone else, who does not have access to your Rapidweaver application, to edit a page in our site. Find out how in the tutorial.

This is the 12th tutorial in the new updated series.

Please Login or Register with SupportCasts to view the rest of this content.

RWBasics011 – File Sharing Page Style

Sharing files on your website couldn’t be easier with this great page style. Share documents, files, file folders, and more.

We show you how to use this page in a Rapidweaver created web site and a couple of “tricks”.

This is the 11th tutorial in the new updated series.

Please Login or Register with SupportCasts to view the rest of this content.

RWBasics010 – Offsite Page Style

The Offsite Page type allows you to link to any URL, generally a web page outside of your website, that you want to link to. It is also quite useful in linking up a Rapidweaver created website that has been broken into multiple web site projects to help reduce the size of a large project or potential size.

Creating multiple Rapidweaver projects  and publishing them to sub folders or sub domains on your server is a great way to make it easy to update even small parts of a site. In this cast we look at this for use in a Photo Album site. But it could be any site that needs to be broken down into components to make it easy to work with.

This is the 10th tutorial in the new updated series.

Please Login or Register with SupportCasts to view the rest of this content.

RWBasics009 – Contact Form

Create a professional looking Contact Form on your website with ease.

This is the nineth tutorial in the new updated series.

Please Login or Register with SupportCasts to view the rest of this content.

RWBasics008 – HTML Page Style

A look at the HTML Page Style. Great for pasting in HTML from a previous web site, or writing HTML yourself. We show you a trick on how to use Rapidweaver to write the HTML for you so you can place it in this page type then make edits if you want.
This is the eighth tutorial in the new updated series.

Please Login or Register with SupportCasts to view the rest of this content.

RWBasics007 – Styled Text Page

The Styled Text Page type in Rapidweaver is one of the most used and most powerful page types. don’t under estimate what you can do with this simple looking page.
This is the seventh tutorial in the new updated series.

Please Login or Register with SupportCasts to view the rest of this content.