May 21, 2013

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


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.