September 2, 2010

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.

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.

RW048 – CSS Sprites – A Faster Loading Website

rw-advanced

This Cast is a logical extension of the RW047 Cast on Tabs with Rollover Effects.

It is recommended that you watch RW047 first before viewing RW048.

View RW047 Now – Click Here

In CSS Sprites I cover why and how to use Sprites. Sprites are consolidated images into one image where CSS is used to define what part of the image (sprite) to display in each state (link, hover, visited).

It is actually easier than you might think….

Show Notes:

@Stash Plugin mentioned in the Cast  – http://nilrogsplace.se/plugins/

(in one part I state that I have 6 images doing the job. I meant that there are 6 possible “positions” to display in the sprite)
Please Login or Register with SupportCasts to view the rest of this content.

RW047 – Add-On Tabs with Rollover Effect & Link

rw-advanced

Adding image tabs with links inside and outside of you website container. A nice way to give your viewers additional links beyond the built in Rapidweaver navbar.

This cast focuses on using some simple HTML and CSS to create a nice effect. Each tab jumps or “pops” up on hover. This is done with just 3 images.

In the next Cast I plan on showing how to do the exact same thing but with one image!

tabs

About Image Types:

http://en.wikipedia.org/wiki/Portable_Network_Graphics

http://en.wikipedia.org/wiki/Gif

http://en.wikipedia.org/wiki/JPG

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

RW044 – Theme PList – A Look Inside

rw-advanced

All Rapidweaver themes come with a plist. What is it and what can you change. The various parts explained.

In this cast I go over how to access the RW Themes, both built in and third party. How to open the contents and  is what is inside.

I specifically go over the plist XML file. This is not a training on writing an entire plist. It is a look at the parts and specifically the common things most RW users may change at some point.

Link to TextWrangler – Click Here

Link to Plist Edit Pro – Click here
 
Please Login or Register with SupportCasts to view the rest of this content.

RW037 – Rapidweaver Custom Navbar Images

RapidWeaver advanced

Customizing the Navbar with images unique to each link.

 

 

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