SupportCasts™ - Rapidweaver Screencasts
Video Tutorials and Learning for Rapidweaver Users
Placing the popular SexyBookMarks WordPress Plugin into Rapidweaver gives you blog or any page a nice connection to social media so your visitors can share on their networks.
An article on JavascriptBank show how to do this. Our video tutorial will show you how easy it is to use this.
Thanks to Reload_me, one of our members, for finding this and requesting a tutorial.
Please Login or Register with SupportCasts to view the rest of this content.
Getting a background image to scale to 100% of the viewer’s browser window width and height is tricky. Pure CSS or even CSS3 do a good job in many browser but fail in IE6, IE7 and even IE8. Opera and others fail depending on how you do it with CSS.
jQuery steps up to the plate and solves it. Well, almost. Just one little niggle. If you can live with it then this is the solution for you in all browser except IE6.
Show Notes
http://mediacloud.supportcasts.com/apple_tv/jquery/full-bg-jquery.wo.m4v
In our class today for members, I am going to walk you through the key steps in using S3 and CloudFront to deliver your rich media files in RapidWeaver (in my example today we are using video)
Now , I have been using S3 ever since it was first launched a couple of years ago in addition to the more recent CloudFront service. The initial videos we delivered when starting SupportCasts were delivered over S3. However, we now use a commercial CDN offering too but our image storage is handled by S3 for all those who want to know.
Whilst I will not go into the boring details of signing up , if you have an Amazon.com account you are almost there as these are extra add-on services. What I will show you is the following:
After going through the initial setup, using S3 is a breeze and you will find it is a useful addition to compliment your web hosting which may not be so hot in delivering rich media in other words not great bandwidth throughput and general scalability which is always a problem with shared hosting. Not unless you running your own VPS ;)
Brace yourself for a nice 18 minutes of geeky fun, mistakes and all, and let us know what you think about delivering your videos over CloudFront/S3 (c’mon folks it was a rainy Sunday afternoon here).
Have fun and remember this lesson is only available for 6 and 12 month memberships.
Please Login or Register with SupportCasts to view the rest of this content.
Hi there
We always get asked how about making a custom 404 error page in RapidWeaver. Well folks, today is your lucky day :)
Why a custom 404 error page? The reason is quite simple you want to retain,attract and direct the attention of your visitor. It’s not their fault they have entered something incorrectly and got a dull looking page that does not resemble your web site.
Another plus is that is great for search engines, you never know they might stumble on a bad page so you can have links in your new 404 page to go back to where they should be looking.
In todays show, I will walk you through:
Yes, all of that in 5 minutes . So what are you waiting for …. ?
Please Login or Register with SupportCasts to view the rest of this content.
TinyTips is a very lightweight jQuery tooltip plugin from Digital Inferno.
Join me as I show you how to add and deploy this tooltip into your design.
Please Login or Register with SupportCasts to view the rest of this content.
In this second cast on the Back to Top link we will see how adding an HTML “p” tag can help us better style the way our link looks.
You can grab the code I used in the cast and/or follow along to see how this is done.
I’ve also thrown in some CSS 3 to add a bit more style to the overall effect.
Enjoy the show and the code we have put together for you.
Please Login or Register with SupportCasts to view the rest of this content.
This is the 3rd, and final, screencast on “hiding” content using jQuery.
Scott Robbin has created pageSlide a unique way to keep content hidden of the main page and accessible with page links.
Join me as we explore this easy to use option for your next RapidWeaver layout.
You can download the files from the link on Scott’s page located here – http://srobbin.com/blog/jquery-pageslide/
Please Login or Register with SupportCasts to view the rest of this content.
Welcome to the 2nd of 3 casts that gives us another way to “slide” content into our layouts.
Slidebox is an easy to use option that works from the top, or the bottom, of your layout.
You can download the script package here – http://www.samuelgarneau.com/lab/slidebox/
So join me once again as we explore what jQuery and Slidebox can do for your next project.
Please Login or Register with SupportCasts to view the rest of this content.
Here’s a nice little jQuery tooltip plugin called TipTip created by Drew Wilson.
Loaded with CSS3 styling that degrades nicely in non-supported browsers and requires no images.
tipTip will add some simple flair to your projects tooltips with ease. Did I mention that its a “smart” tip as well…
So download the script files over at http://code.drewwilson.com/entry/tiptip-jquery-plugin
and join me for another great tooltip option.
Please Login or Register with SupportCasts to view the rest of this content.
This is the first of three casts that will cover some excellent ways for you to add “slide out” content.
tabSlideOut is an excellent jQuery plugin that provides a variety of features that include using your own images and 4 available positioning options.
You can download the script package here… http://www.building58.com/examples/tabSlideOut.html
Join me as we explore what jQuery and tabSlideOut can do for your next project.
Please Login or Register with SupportCasts to view the rest of this content.
Happy weaving
A followup tutorial on using the jQuery Page Peel as sequential navigation. A few simple changes to the page peel installation and you can have custom images and links on each page of your site.
See original Page Peel tutorial for details on using the jQuery Page Peel in Rapidweaver. Click Here
Please Login or Register with SupportCasts to view the rest of this content.
