September 2, 2010

CSS3 & jQuery for Great Looking Rounded Corners on Images

jquery LogoUsing CSS3 to round corners on images varies in quality and it doesn’t work in all browsers. Add in a little help from jQuery and you get good looking corners and even shadows. In this video tutorial you will see now to do this easily.

CSS3 & jQuery for Rounded Image Corners

Show Notes

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

jQuery – TinyTips Tooltip Revisited – Colorful Additions

TinyTips has been updated to version 1.1. What better way to investigate the changes than a new screencast.
Mike Merritt of Digital Inferno has added some colorful additions to this easy and flexible jQuery tooltip.
I will also address a question in this video tutorial that was asked from the original screencasts; “How can you add the image separately using Stacks”.
So grab the new download, set back, and join me as we revisit TinyTip.

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.

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.

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.