May 23, 2013

WordPress SexyBookMarks in Rapidweaver

Sexybookmarks outside of WordPressPlacing 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.

Free Video: Scaling Background Image Using jQuery

jquery LogoGetting 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.

Original Files and Website

CSS3 & jQuery for Rounded Image Corners

Show Notes

Show Notes

http://mediacloud.supportcasts.com/apple_tv/jquery/full-bg-jquery.wo.m4v


Make your Videos playback faster with S3/CloudFront

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:

  • S3 setup with the AWS management console
  • bucket creation
  • File permissions
  • configuring CloudFront
  • using the media file in RapidWeaver.

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.

RW082 Custom 404 Pages

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:

  • creating a custom 404 error page in RapidWeaver, more specifically page settings.
  • editing the htaccess file ,
  • what to put in the htaccess file for the 404 page

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.

RW080 Tiny Tips 2 – Add an Image

Welcome back to Tiny Tips.
In this cast I will show you how you can us an image with either the standard tip and as part of the tip’s content.

There’s also a bit on using Tiny Tip with a header class.
Please Login or Register with SupportCasts to view the rest of this content.

RW079 TinyTips Tooltip Part1

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.

RW078 Back to Top #3-Add a Smooth Scroll Effect-CSS Tip

Now that you’ve added a “back to top” anchor link on your page, let’s make the trip a pleasurable one.
Learn how you can add a smooth scrolling effect to your anchor link(s) using a couple of easy to implement Javascripts.
Please Login or Register with SupportCasts to view the rest of this content.

RW077 Back to Top #2- Adding an HTML Paragraph Tag – CSS Tip

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.

RW076 Back to Top – CSS Tip

Do you want a simple and stylish anchor link that takes your end user back to the top of your page? No matter how far down that page they scroll?
Then you won’t want to miss this cast.

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

RW075 – pageSlide a jQuery Plugin

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.

RW074 – Slidebox a jQuery Plugin

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.

Tooltip Tuesday #7-TipTip (RW073)

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.

RW072 – tabSlideOut a jQuery Plugin

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

jQuery004 – Page Peel as Navigation

jquery_logoA 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.