May 20, 2013

Pure CSS Bullet List Triangles

A nice clean way to have a different looking bullet list with triangles made without an image.

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

Pure CSS Image Preload

Save load time and keep visitors from waiting for their image on hover.

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

CSS3 – nth-child Pseudo Class

CSS 3Have you ever wondered how to make this nice striped table rows or highlight parts of an bullet list? The pseudo class nth-child makes it easy. But it does require a modern browser for visitors to your site to see it.

In this video tutorial we take a look at this lesser known and used part of CSS3.

Browser Compatibility Link 

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

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.

RWBasics015 – Blog Page Style

This video tutorial is the start of a multi-part series on the Rapidweaver Blog page type. Part one covers the Page Inspector setup for the Blog except for the Advanced Tab. Things like Podcasting and iTunes setup which will be covered in the next part.

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

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

jQuery Animated Headers – Nivo Slice Animation

In this video tutorial we will look at changing from using the Cycle jQuery Plugin to the Nivo Slider for a different effect. It’s easy and gives you a few more options. Make sure you have seen jQuery Animated Headers Part 1 and Part 2 for the foundation to what I am doing here.

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

jQuery-Animated Header Images – Part 2

Part 2 of our Mini Series on jQuery animated header images. No Flash required! ;-) (sorry Adobe…) In this tutorial I will solve the “ugly page load” issue.
Please Login or Register with SupportCasts to view the rest of this content.

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.

CSS010 – Custom Stylesheet

Have you ever wanted to take all the custom css and consolidate it? In this video tutorial we show you have to take all the css common to all pages of the Rapidweaver web site and place it in an external stylesheet. One change to that sheet will effect all pages of the site you specify.

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.

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.